* {margin:0;padding:0;}
div{/*border:1px solid;*/}
html,body{margin:0px;height:100%;word-spacing:0.25em;}
body{
	/*	background-color:#F3F3F3; gris chulo	*/
	background-color:#F3F3F3;
	/*
	font-family:Mystral, Arial, Verdana,"trebuchet MS",Verdana, Helvetica,sans-serif;font-size:.90em;
	*/
	font-family: "trebuchet MS", Cambria, Georgia, Times, serif;
	line-height: 1.5em;
}
a img{text-decoration:none;border:none;}
img{text-decoration:none;}
.imgLat{
	-webkit-border-radius: 15px;
	-webkit-box-shadow: -3px -3px 50px #666;
}
ul#lista,ul{ padding:0;
  width:98%;
  margin: 0 auto;
}
li {
  display: block;
  width: 100%;
}
.azul {color:#0040FF;}


#divTotal{
	margin:0 auto;width:1000px;/*height:650px;*/display:table;
	background-color:;
	}
	
#cont{margin:0 auto;width:1000px;display:table;background-color:white;/*border:1px solid green;*/
	height:100%;
	-webkit-box-shadow: -3px -3px 50px #666;
	box-shadow: -3px -3px 50px #666;
	
	-webkit-border-radius: 5px;
	/*-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	*/
	}
#contenido{width:700px;float:left;margin-top:5px;/*border:1px solid blue;*/overflow:hidden;
	padding:5px;height:100%;}
#sinLateral{margin:0 auto;width:970px;margin-top:5px;/*background-color:blue;*/}
#lateral{width:270px;float:left;margin-top:5px;/*border:1px solid red;*/overflow:hidden;text-align:center;}
#pie{width:100%;height:10px;/*background-color:#1600b0;*/}


/*titulo*/
article h4{
	font-size:1.2em;
	border:none;border-bottom:solid #4F81BD 1.0pt;padding:0cm 0cm 4.0pt 0cm;
	line-height:1.5em;
	letter-spacing:.75pt;
	color:#4F81BD;
	margin-left:20px;
	font-style:italic;
	}

/*subtitulo*/
article h5{
	font-size:1em;
	letter-spacing:.75pt;
	color:#000259;
	margin-left:20px;
	margin-top:2em;
	font-family:Mystral, Arial, Verdana,"trebuchet MS",Verdana, Helvetica,sans-serif;
	font-weight:bold;
	}	
	
article h5 a{
	/*background-color:red;*/
}

article p:first-letter {
   /*font-size:150%;
   font-weight: bold;*/
}

/*mejorar que casi no se nota*/
article a{color:#000259;}

p {
/*text-indent:3em;*/
margin:0 auto;
color:navy;
/*font-size:1em;*/
line-height:1.5em;
margin: 1em;
text-align:justify;
margin: 10px 20px;
margin-bottom:2em;
}
p + p {
/*text-indent:3em;*/

}


.peq {font-size:15px;}
.mpeq {font-size:12px;color:black;}
.textoE {font-family:Calibri;color:blue;text-align:center;font-size:12px;}

.textoN {font-family:Calibri;color:blue;text-align:justify; width:100px;}
.texto {font-family:Calibri;font-size:16px;width:100px;text-align:justify;}
.fdere{float:right;width:400px;text-align:center;}  
.centrar {text-align:center;}
.izq {text-align:left;}
/*
1600b0
background-color:#000259;
*/

	
	
/*h5{color:#000259;text-align:left;text-indent:6em;}*/



.caratula{border:1px solid ;margin:5px;}

#inf_blq{background-image:url(../img/mnu_f.png);background-repeat:repeat-x;height:5px;}
#marco1 {
	background-color: #f5f5f5;
	width:250px;
	/*
	border:5px solid #cccccc;
	*/
	
	-webkit-border-radius: 15px;
	-webkit-box-shadow: -3px -3px 50px #666;
	
	/*
	opacity: 0.9;
	
	border-radius: 15px;
	-webkit-box-shadow: -3px -3px 50px #666;
	box-shadow: -3px -3px 50px #666;
	-webkit-transform: scale(1);
	
	 -webkit-transition: all 0.5s linear;
	*/
} 
#marco1:hover {
/*	background-color: #f5f5f5;
	width:250px;
	border:5px solid #1600b0;*/
	
	/*
	la opacity y la escala hacen q el div se vea por encima del menu!
	cuidadín con esto
	*/
	
	/*opacity: 1;
	-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);*/
   
	/*
	-webkit-transition: all .55s ease-in;  
	-moz-transition: all .55s ease-in;  
	-o-transition: all .55s ease-in; 
	transition: all .55s ease-in;*/
	
	/*-o-animation: emotion 2s; // For Opera
-ms-animation: emotion 2s; // For Explorer 9
-webkit-animation: emotion 2s; // Chrome and Safari
-moz-animation: emotion 2s; // Firefox 
-khtml-animation: emotion 2s; //  Konqueror
-animation: emotion 2s; // When will the standard CSS3??
-webkit-transform: scale(5.5,5.5);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);
*/
} 

#marco2 {
	border-radius:3px;
	background-color: #ccc;
	width:250px;
	/*border-left: 1px inset #1600b0;*/
	border:5px solid #cccccc;
	
	opacity: 0.9;
   -webkit-transition: all 0.5s linear;
   -webkit-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: -3px -3px 50px #666;
   box-shadow: -3px -3px 50px #666;
   -webkit-transform: scale(0.60);
}

#marco2:hover {
	/*border-radius:3px;
	background-color: #ccc;
	border: 5px solid #1600b0;*/
	
	opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
transform: scale(1.1,1.1);

}

#volver {
	
	}
#volver a{
	background-repeat:no-repeat;background-position:left center;
	background-image:url(../img/fl.png);padding-left:14px;
	font-size:1em;
	letter-spacing:.75pt;
	color:#000259;
	margin-left:20px;
	margin-top:2em;
	font-family:Mystral, Arial, Verdana,"trebuchet MS",Verdana, Helvetica,sans-serif;
	font-weight:bold;
}
