#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#cabecera {
	width: 100%;
	height:100px;
	margin-left: 10px;
}
#menu {
	width: 100%;
	margin-left: 10px;
}
#cuerpo {
	width: 100%;
	margin-left: 10px;
}
#cuerpo p {
	text-align: left;
	font-family: verdana;
	font-size: 14px;
	color: black;
	padding: 10px;
}
#cuerpo h1 {
	text-align: left;
	font-family: verdana;
	font-size: 18px;
	color: black;
	padding: 10px;
}
#cuerpo li {
	text-align: left;
	font-family: verdana;
	font-size: 12px;
	color: black;
}


#pie {
	width: 100%;
	clear: left;
	margin-left: 10px;
	text-align: center;
	font-family: verdana;
	font-size: 12px;
	color: black;
}

.leftcolumn {
	float: left;
	width: 270px; /*Width of left column in pixel*/
}

.contentcolumn {
	width: 100%;
}

.curlycontainer{
	float: left;
	border: 1px solid #b8b8b8;
	margin-bottom: 1em;
	margin-right: 10px;
	width: 275px;
}

.curlycontainer b {
	font-family: verdana;
	font-size: 10px;
}

.curlycontainer .innerdiv{
	background: transparent url(../media/brcorner.gif) bottom right no-repeat;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
}

.logo {
	float: left;
}

.contenedor {
	width: 100%;
	height: 50px;
	text-align: right;
	font-family: verdana;
	font-size: 30px;
	color: #BDBDBD;
}

.estado {
	width: 100%;
	height: 50px;
}

.estado h1 {
	text-align: right;
	font-family: verdana;
	font-size: 25px;
	font-weight: normal;
	color: #FFBBFF;
}

/*menu horizontal */

.mattblacktabs{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid black;
}

.mattblacktabs ul{
	margin: 0;
	padding: 0;
	padding-left: 5px; /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
}

.mattblacktabs li{
	display: inline;
	margin: 0;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background: #BDBDBD; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
/*fin menu horizontal */

/*fotografias */
.gallerycontainer{
position: relative;
padding: 2px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid white;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*para la seleccion de la fotografia */
.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 1px solid white;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid white;
visibility: hidden;
color: white;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/*fin fotografias */

/*articulos*/

.articulocontenedor {
	width: 98%;
	padding: 5px;
	border: 1px solid black;
	margin: 5px;

}

.articulotitulo {
	font-family: verdana;
	font-size: 18px;
	padding: 2px;
	text-align: right;
}

.articulofoto {
	float: left;
	margin: 3px;
	height: auto;
  	width: auto;
  	text-align: center;
}

.articulofoto img{
	display: inline;
  	margin: 3px;
  	border: 1px solid #ffffff;
}

.articulofotopie {
	font-family: verdana;
	font-size: 10px;
  	text-align: left;
  	margin: 2px;
  	width: 200px;
}


.articulotexto {
	width: 100%;
	font-family: verdana;
	font-size: 12px;
	padding: 2px;

}

.articulopie {
	width: 100%;
	clear: left;
	text-align: center;
	font-family: verdana;
	font-size: 10px;
	padding: 2px;
}
/*fin articulos*/