@charset "utf-8";
/*para quitar los puntitos alrededro de las imagenes al haberlas pinchado*/
a:active, a:focus{
	outline:none;
}
img{
	border:0px;
	outline:none;
}
ul{
	padding: 0;
	margin: 0;
	/*esto es importante pa ke las listas se situen en su sitio correcto sin margenes*/
}

@charset "utf-8";
/* CSS Document */
*{
 margin-top: 0px;
 margin-bottom: 0px;
}
a, a:hover{
text-decoration:none;
}
img{
	border:0px;
}
body {
	text-align:center;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	background-repeat:repeat-x
	}
#container{
	position:relative;
	width: 1200px;
	height:auto;
	top:0px;
	margin: 0px auto;	
	text-align:center;
}
#cabecera{
	position:relative;
	width: 1200px;
	height:245px;
	top: 0px;
	left:0px;
	margin-bottom:3px;
	background-image:url(../images/cabecera_2015.jpg);
}
#slider2{
	float:right;
	position:relative;
	width: 488px;
	height:144px;
	top:27px;
	right:39px;
	margin:0px;
	z-index:5000;
}
/*botonera*/
nav{
	position:relative;
	width: 1200px;
	height:40px;
	margin:0px auto;
	font-size:25px;
	font-family: 'Calligraffitti', cursive;
	font-weight: bold;
	color:#90F;
	text-align:left;
	margin-bottom:40px;
}
nav ul {
	float:left;
	height:0px;
	list-style:none;
	margin:0;
	padding:0;
}
nav li{
	float:left;
	padding:0px;
}
nav li a{
	color:#000; 
	display:block;
	padding:5px 20px; 
	text-align:center;
	text-decoration:none;
}
nav li a:hover, .nav ul li:hover a {
	background:#f8b932; /* Color de las pestañas al pasar el cursor */
	color:#FFFFFF; /* Color del texto al pasar el cursor */
	text-decoration:none;
}
section{
	position:relative;
	width:1200px;
	height:auto;
	margin:20px auto;
}
header{
	position:relative;
	font-family: 'Calligraffitti', cursive;
	font-size:35px;
	font-weight: bold;
	color:#90F;
	left:50px;
	text-align:left;
	margin-bottom:10px;
}
article{
	display:block; 
	width:1200px;
	height:auto;
	position:relative;				
}
#articulo{
	text-align:left;
	float:left;
	position:relative;
	width:620px;
	min-height:150px;
	margin-bottom:50px;	
	background-image:url(../images/ficha_visor1.jpg),url(../images/ficha_visor3.jpg),url(../images/ficha_visor2.jpg);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 0px 0px, bottom center, 0px 31px;
	background-size:100%,100%,100% 100%;
	padding:30px;
}
#articulo p{	
	position:relative;
	float:left;
	top:15px;
}
 #formulario{
clear:both;
position:relative;
top:40px;
}

/*--- estilos para los ul y li del formulario ---*/

.contact_form ul {	
    width:600px;
    list-style-type:none;
}
.contact_form li{
	padding:10px; 	
	position:relative;
} 
.contact_form label {
    color: #555555;
    display: inline-block;
    float: left;
	text-align:right;
    margin-top: 3px;
    padding: 3px;
    width: 50px;
}
.contact_form input {
	height:20px; 
	width:300px; 
	padding:5px 8px;
}
.contact_form textarea {
	padding:8px; 
	width:510px;
	max-width:510px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}
/*----- estilos visuales de los elementos --------*/
.contact_form input, .contact_form textarea { 
	border:2px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	color: #888;
	padding-right:30px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff; 
	border:2px solid #555; 
	box-shadow: 0 0 3px #aaa; 
	padding-right:80px;
}
/* === Estilos de Validacion === */	

.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}
/* === Estilos del boton de Envio === */
button.submit {
   position:relative;
	text-align: center;
	padding:10px 20px;
	background-color:#39f;
	color:#fff;
	font-size:15px;
	text-decoration:none;
	margin-bottom:70px;
	border:0px;
}
button.submit:hover {
cursor: pointer;
	background-color:#0468fe;
	color:#fff;
}
footer{
	clear:both;
	position:relative;
	top:50px;
	background-image:url(../images/fondo_pie.jpg);
	width:100%;
	height:275px;
	margin:0 auto;	
	text-align:center;
}
footer img{
	position:relative;
	top:18px;
	margin-bottom:17px;
}	
footer div{
	display: inline-block;
	margin:8px;
	font-size:20px;
}
.des{
color:#0555f9;
}
.dek{
color:#fd5705;
}
.vid{
color:#bd05f9;
}
.app{
color:#09e069;
}
.link{
	text-decoration:none;
}
a.link:hover{
	color:#39F;
}