/* CSS Document */

/* CSS Document */

*{
margin:0;
padding:0;
}
body {
margin:auto;
width:100%;
margin-top:0px;
background-color:#000;
}

.clearfix: after{
clear: both;
content: ".";
display:block;
height: 0;
line-height: 0;
visibility: hidden;
}
.clearfix{
display: inline-block;
}
.html[xmlns] .clearfix{
display: block;
}
*html .clearfix {
height: 1%;
}
*html body{
background-color:#FFD300;
text-align:center;

}

/**********************************empieza contenedor general**************************/
#contenedorgeneral{width:100%; height:auto; text-align:center;margin:auto;position:absolute;top:80px;}

/*************************************empieza header***********************************/
#header{width:100%; height:80px; background-image:url(../img/bg_header.png);background-repeat:repeat-x;}
#cont-header{width:980px; height:80px; margin:auto; }

#marca{width:186px; height:60px; background-image:url(../img/marca.jpg); background-repeat:no-repeat; float:left; display:block;}
#marca a{ display:block; width:186; height:60px;}
#marca a span{display:none;} 
			
		
#logo{background-image:url(../img/logo.jpg); background-repeat:no-repeat; width:99px; height:60px; display:block; float:right; margin-right:30px;}
#logo a {width:99px; height:60px; display:block; margin-right:30px;}
#logo a span{display:none;}

/*************************************empieza contenido*********************************/

#contenidos{background:url(../img/bg_foto.jpg) no repeat scroll right bottom transparent;
height:100%;
width:100%;}

#cortina #left
{
	background:url(../img/bg_izq.jpg);
	width:246px;
	height:665px;
	float:left;	
}
#cortina #right
{
	background:url(../img/bg_der.jpg);
	width:210px;
	height:665px;
	float:right;	
}

.clr
{
	clear:both
}
#contcajas{width:1000px; height:600px; margin:auto; margin-top:0px;}

#texto{width:1000px; height:200px; margin:auto; background-image:url(../img/textoppal.png); background-repeat:no-repeat;}
#cont360{ width:980px; height:497px; margin:auto; margin-top:30px; float:left; margin-bottom:10px; background-image:url(../img/contenedor360.png); background-repeat:no-repeat;}


#cajaizq{ width:450px; height:600px; float:left; background-image:url(../img/cajaizq.png); background-repeat:no-repeat;}
#cajader{ width:550px; height:600px; float:right; }

.amarriba{width:550px; height:68px; background-image:url(../img/amarilla-arriba.png); background-repeat:no-repeat;}
.amabajo{background-image:url(../img/cajaderflickr.png); background-repeat:no-repeat; width:550px; height:413px;}

#ilike{width:540px; height:80px; margin-top:15px; float:right; }
/**************************************PIE! COMENTE EL CODIGO O HAY TABLA!*****************************************/

#pie{width:100%; height:20px; bottom:0px; position:relative;}
#pie-cont{width:812px; height:20px; background-image:url(../img/pie.gif); background-repeat:no-repeat; margin:auto; bottom:0; position:relative; text-align:left;}


#descarga{width:550px; height:30px; float:right; margin-right:5px; margin-top:-22px; }
#descarga a{width:131px; height:30px; float:right; background-image:url(../img/descarga.png); background-repeat:no-repeat;display:block; background-position:top; margin-right:5px;}
#descarga a:hover{width:131px; height:30px; float:right; background-image:url(../img/descarga.png); background-repeat:no-repeat;display:block;background-position:bottom; margin-right:5px;}
#descarga a span{display:none;}



#portal{width:800px; height:20px; float:left; margin-left:3px;}
#portal a{width:131px; height:20px; float:left; background-image:url(../img/iralportal.png); background-repeat:no-repeat;display:block; background-position:top; margin-left:3px;}
#portal a:hover{width:131px; height:20px; float:left; background-image:url(../img/iralportal.png); background-repeat:no-repeat;display:block;background-position:bottom; margin-left:3px;}
#portal a span{display:none;}


#elcolonenfotos{width: 500px; height:308px; margin-left:23px; padding-top:10px; }


/*tipo*/
.cred{ font-family:Arial, Helvetica, sans-serif; color:#CCC; font-size:10px; font-weight:bold; margin-left:10px; padding-top:0px;}
.ciudad{font-family:Arial, Helvetica, sans-serif; color:#FFD300; font-size:10px; font-weight:bold; margin-left:10px; padding-top:6px; }

a:link {
	color: #333; font-weight:bold; text-decoration:none;
}
a:visited {
	color: #333;text-decoration:none;font-weight:bold;
}
a:active {
	color: #333;text-decoration:none;font-weight:bold;
}

p{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333333; }
H2{font-family:Arial, Helvetica, sans-serif; color:#333; font-size:16px; font-weight:bold; margin-left:5px;}
.ppal{font-family:"Arial"; color:#000; font-size:30px; font-weight:bold; margin-left:5px; text-align:center; padding-top:8px;}
.creditos{font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#FFF;}



.p{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; text-align:left; margin-left:20px; margin-top:5px;}
#pam{width:355px; height:40px; float:left; margin-left:20px; margin-top:8px; text-align:left;}




.punteada{background-image:url(../img/punteada.jpg); background-repeat:repeat-x; width:405px; height:27px; float:left; margin-top:23px; margin-left:20px; text-align:left;}

.punteada360{background-image:url(../img/punteada.jpg); background-repeat:repeat-x; width:930px; height:27px; float:left; margin-top:19px; margin-left:20px; text-align:left; margin-bottom:8px;}

.flickr{background-image:url(../img/punteada.jpg); background-repeat:repeat-x; width:490px; height:27px; float:left; margin-top:20px; margin-left:28px; text-align:left;}

.cover{width:405px; height:400px; float:left; margin-left:15px; margin-top:10px;}