@charset "utf-8";
/* CSS Document */
body{
background:#0c0c0c url(../images/fondo.png) no-repeat fixed  50% 50%;
margin:0;
	font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  	font-weight: 200;
  	font-size: 11pt;
  	letter-spacing: 0.00em;
	color:#FFF
}
h1{
	
	font-weight: 100;
  	font-size: 30pt;
  	letter-spacing: 0.00em;
	color:#ff3333;
	margin-top:10px;
	margin-bottom:10px;
	
	}
h2{
  	font-weight: 100;
  	font-size: 19pt;
  	letter-spacing: 0.00em;
	color:#FFF;
	margin-top:10px;
	}
a{
	text-decoration:none;
	color:#FFF
	}	
img{ border:0}
@font-face {
  font-family: 'PT Serif Caption';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif Caption'), local('PTSerif-Caption'), url(font/PTSerif-Caption.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(font/OpenSans-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(font/OpenSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(font/OpenSans-Extrabold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(font/OpenSans.woff) format('woff');
}
/*Cuerpo*/
.cuerpo{
	width:980px;
	margin:50px auto 0 auto;
	}
.logo{
	text-align:center;
}
.estado_griss{
	background:#0f0f0f;
	box-shadow: 3px 3px 4px #000;
	}
/*Menu Cabecera*/
.menu{
	
	height:30px;
	margin-top:10px;
	font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  	font-weight: 200;
  	font-size: 12pt;
  	letter-spacing: 0.00em;
	}
.menu ul{
	margin-left:30px;
	color:#FFF;
	list-style:none;
	
	}
.menu ul li{
	float:left;
	padding:4px 50px 4px 50px;
	}
.menu ul li:hover{
	background-color:#F33;
	}	
.contenido, .pie{
	margin-top:15px;
	width:980px;
	
	}
.caja_1, .caja_2, .caja_3{
	text-align:justify;
	padding:15px;
	margin-right:10px;
	}
.caja_3{
	width:950px;
	margin-right:0px;
	}
.caja_1{
	width:313px;
	float:left;
	}
.caja_2{
	width:596px;
	float:left;
	}		
.fin{
	clear: right;
	margin-right:0;
	}
.fondo_pie{
	background:url(../images/logo_foter.png) no-repeat #0f0f0f;
	 background-position: 690px 30px;
	}



.form{ 
 font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  letter-spacing: 0.01em;
  line-height: 24pt;
  font-size: 12pt;
float:left; 
width:375px;

 
 


}


 .exito, .preload{
position:absolute;
z-index:50;
display:none;
width:250px;
height:70px;
text-align:center;
color: #da2518;
padding:10px 10px 10px 10px;
background:#000;
left: 50%;
/*top: 40%;*/
margin-left:-125px;
/*margin-top:50px;*/
margin-top:350px;
font-size:15pt;
-moz-box-shadow: 0px 0px 5px #000;
-webkit-box-shadow: 0px 0px 5px #000;
box-shadow: 0px 0px 5px #000;



line-height:20px;
}

.form .form_b { width:410px; font-size:12pt; margin-top:5px; margin-bottom:5px;  background-color:#000; border:1px solid #999; color:#fff; height:20pt;}	

.form .form_c{
	width:410px; font-size:12pt; margin-top:5px; margin-bottom:5px;  background-color:#000; border:1px solid #999; color:#fff; height:60pt; font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	}
.form .form_c:focus, .form .form_b:focus, .form .button:hover { border:#F00 1px solid;}	
.form .button, .btn{
	 font-size:12pt; margin-top:5px; margin-bottom:5px; background-color:#ff3333; border:0px solid #999; color:#fff; height:22pt;
	}
	
.fotter{
	width:860px;
	margin: 0 auto;
	font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  letter-spacing: 0.01em;
  line-height: 18pt;
  font-size: 11pt;
	 /*color:#CCC;*/
	 color:#555354;
	 background:#fff;
	/*text-shadow: 0.05em 0.05em #000;*/
	padding:20px;
}
.fotter a { text-decoration:none; color:#CCC;  color:#555354;}
.fotter a:hover { text-decoration:none; color:#fff;  color:#000;}

.foto_box{  
float:left;
 margin-left:60px;
  margin-bottom:50px;
    height:300px; width:250px;
	 color:#555354;
	 font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  letter-spacing: 0.01em;
  line-height: 24pt;
  font-size: 11pt;
	  }
.foto_box img{ margin-bottom:15px;}	  
.foto_box span{ font-size:16pt; text-shadow: 0.05em 0.05em #000; color:#FFF; text-align:center}

.foto_box{  
float:left;
 margin-left:60px;
  margin-bottom:50px;
    height:300px; width:250px;
	 color:#555354;
	 font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 200;
  letter-spacing: 0.01em;
  line-height: 24pt;
  font-size: 11pt;
	  }
.fotos{
	float:left;
	margin-left:35px;
	margin-right:30px;
	width:245px;
	height:120px;
	background: rgba(255,255,255,1);
	margin-bottom:30px;
	opacity:0.9;
	}
.fotos:hover{
	opacity:1;
	}