@charset "utf-8"
/* CSS document */

*{
	margin:0;
	padding:0;
	}
	
body{
	background: url(../imagenes/strange_bullseyes.png);
	}
		
#contenedor{
	width:960px;
	height:auto;
	margin:auto;
	}
	

#contenido{
	width:920px;
	height:auto;
	margin:auto;
	background: #fff;
	box-shadow: 1px 1px 5px #000;
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	}

#contenido1{
	width:920px;
	height:789px;;
	margin:auto;
	background: #fff;
	box-shadow: 1px 1px 5px #000;
	-moz-box-shadow: 1px 1px 5px #000;
	-webkit-box-shadow: 1px 1px 5px #000;
	}


header{
	width:100%;
	height:150px;
	font-family: Arial;
	font-style:italic;
	background:url(../imagenes/strange_bullseyes.png);
	box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4),0 0 8px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
	}
	
.logo{
	width:100px;
	height:100px;
	float:left;
	margin:20px 15px 15px 20px;
	
	
	}
	
	
header h1{
	padding-top:35px;
	text-shadow: -0.1em 0.05em #aaa;
	
	}
	
		
header h4{
	margin-top:-20px;
	text-shadow: -0.1em 0.05em #aaa;
	height:54px;
	}
.fotoped{
	width:145px;
	height:145px;
	margin-top:2px;
	margin-right:2px;
	float:right;	
	}
	
.col1{
	color:#061A6D;
	}
	
.col2{
	color:#3A7A11;
	}

.col3{
	color:#D80326;
	}
	
#sombra{
	width:960px;
	height:20px;
	}
	
	.forma, .forma2{
	width: 0xp;
	height: 0px;
	line-height: 0px;
	border-top: 10px solid  #333;
	
	
	}

.forma{
	border-left: 20px solid transparent;
	float:left;

	}

.forma2{
	border-right: 20px solid transparent;
	float:right;
}

nav{
	width:775px;
	height:100px;
	padding: 10px 0px;
	margin: auto;
	}
	
.menu{
	list-style:none;
	padding: 0;
	font-family: verdana;
	font-size: 13px;
	}

.menu li{
	width:155px;
	display:block;
	margin:0px;
	float:left;
	position:relative;
	text-align:center;
	box-shadow:1px 1px 2px 0px #061A6D;
	-webkit-box-shadow:1px 1px 2px 0px #061A6D;
	-moz-box-shadow:1px 1px 2px 0px #061A6D;
	-ms-box-shadow:1px 1px 2px 0px #061A6D;
	}
.menu li a{
	width:10%;
	height:30px;
	padding:6px;
	line-height:30px;
	text-decoration:none;
	color: #333;
	font-weight: bold;
	}
	
	
.menu ul> li{
	text-align: left;
}


 .menu ul{
	 position:absolute;
	 padding:0px;
	 background:#f0f8fc;
	 color: #fff;
	 visibility:hidden;
	}
	
.menu  li:hover{
	background:#D7DFE2;
	
	}

.menu li a:hover{
	color: #3A7A11;
	font-size:14px;
	
	}

.menu li:hover ul{
    opacity:1;
	visibility:visible;
	z-index: 15;

	}


.boton{
	background:#D7DFE2;
	}
	
	
footer{
	width:100%;
	height:50px;
	float:left;
	text-align: center;
	font-family: Georgia;
	font-size:12px;
	font-style:italic;
	background:url(../imagenes/strange_bullseyes.png);
	box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4),0 0 8px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
}


/*INICIO*/



	
section{
	width:900px;
	height:auto;
	margin: auto;
	font-family:Verdana;
	font-size:14px;
	padding-top: 15px;
	padding-bottom:50px;
	}

.galeria, aside{
	float:left;
	}

	
.galeria {
	width:100%;
	max-width:650px;
	margin: 0px 15px;
	border: 1px solid #000;

		}
	
.slides{
	width:100%;
	}
	
	
.slides img{
	width:100%;
	}
	
.slidesjs-pagination{
	margin:0;
	background: #2e2f2f;
	list-style:none;
	overflow: hidden;
	}	

.slidesjs-pagination li{
	float:left;
	}


.slidesjs-pagination li a{
	display:block;
	padding:10px 20px;
	color:#FFFFFF;
	text-decoration:none;
	}


.slidesjs-pagination li a:hover{
	background:#000;
	}

	
.slides .active{
	background: #000;
	}

		
.slidesjs-navigation{
	height:15px;
	background:#000;
	color:#FFF;
	text-decoration:none;
	display:inline-block;
	padding:11px 20px;
	float:right;
	}
	
.texto{
	float: left;;
	}

	
.texto h3{
	font-style:italic;
	font-family:times new roman;
	font-size: 18px;
	width:650px;
	margin:auto;
	padding:20px;
	text-align:justify;
	}
		
.texto p{
	width:650px;
	margin:auto;
	padding:20px;
	text-align:justify;
	}
		
	
aside{
	width:190px;
	height: 620px;
	text-align: center;
	float: right;
	}	

	
.noti, .contador{
	width:180px;
	background-color: #DBDBDB;
	padding: 0px;
	}
		
		
.noti{
	height:520px;
	}
	
.contador{
	height:40px;
	}


/*SOCIAL*/


.valla{

	width: 800px;
	margin: auto;
	}
	
img{
	box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4),0 0 8px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
	}

	
.articulo{
	width:800px;
	font-family:Verdana;
	font-size:14px;
	margin:auto;
		}
		

.articulo img{
	float:left;
	margin: 15px 40px 10px 15px;
	}


.articulo h4{
	padding-top: 15px;
	text-align:center;
	}

.articulo p{
	
	margin:auto;
	padding:20px;
	text-align:justify;
	}



/*AUTOBIOGRAFÍA*/

.titulo{
	font-weight: bold;
		}



hr{
	box-shadow:1px 1px 2px 0px #061A6D;
	-webkit-box-shadow:1px 1px 2px 0px #061A6D;
	-moz-box-shadow:1px 1px 2px 0px #061A6D;
	-ms-box-shadow:1px 1px 2px 0px #061A6D;
	}



/*ETAPA - MATERIAL - EVALUAR*/


table { 
	width: 680px; 
	border-collapse: collapse;
	margin:auto;
	}
	
th, td{
	box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4),0 0 8px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
	}
	


 th { 
	border: 1px solid #ccc;  
	text-align: left;
	padding-left:15px;
	}
	
	
 td{
	width:20px;
	color: #006;
 	padding: 15px; 
	border: 1px solid #ccc;

	}
	
td a{
	text-decoration:none;
	color:#900;
	}
	
td:hover{
	color:#F0C;
	font-size:17px;
	}
 th:hover{
	 color:#900;
	 }


.botonera {
	width:792px;
	height:32px;
	margin:auto;
	margin-top:15px;
	background:#D7DFE2;
}

.botonera img{
	float:left;
}


/*PÁGINAS*/

.frameset{
	
	}

.menu_frameset {
	width:150px;
	height:280px;
	background:#C60;
	position:absolute;
	margin-top:-555px;
	margin-left:750px;

	}
	
.menu_frameset ul{
	 margin: 0;
  	padding: 0;
 	overflow: hidden;
	}

	
.menu_frameset li{
	width:150px;
	list-style: none;
  	margin-right: 3px;
	}
	
.menu_frameset a{
	display: block;
 text-decoration: none;
 color: #003;
 font-family: Verdana;
 font-size: 14px; 
 background-color: #9C6;
 padding: 10px 20px; 
 border-radius: 3px; 
 box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4),0 0 8px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4), 0 0 8px rgba(0, 0, 0, 0.1) inset;
}

.menu_frameset a:hover {
	color:#FFF;
  background-color: #20883d;
}







	
/*CONTACTO*/

.formulario{
	width:775px;
	height: auto;
	
	}

.info{
	font-family:Verdana;
	font-size:12px;
	margin-top:10px;
	}


.contac{
	width:350px;
	height:550px;
	margin:auto;
	font-family:Verdana;
	
	
		}

.contac2{
	width:350px;
	height:220px;
	margin:auto;
	font-family:Verdana;
	margin-bottom:100px;
	margin-top:140px;
   
		}


	
ol.phpfmg_form{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

ol.phpfmg_form input, ol.phpfmg_form textarea, ol.phpfmg_form select{
   
   border:1px solid #4e4d4d;
   border-radius:3px;
   -webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	box-shadow:inset 0 0 5px #990000;
	-webkit-box-shadow:inset 0 0 5px #990000;
	-moz-box-shadow:inset 0 0 5px #990000;
	font-size:12px;
	
}

ol.phpfmg_form li{
    margin-bottom:5px;
    clear:both;
    display:block;
    overflow:hidden;
	width: 100%
}


.form_field, .form_required{
    font-weight : bold;
	font-size:12px;
}

.form_required{
    color: #690101;
	margin:auto;
}


.form_submit_block{
    padding-top: 3px;
}

.text_box,.text_select {
    height: 32px;
}

.text_box, .text_area, .text_select {
    min-width:160px;
    max-width:300px;
    width: 100%;
    margin-bottom: 5px;
}

.text_area{
	width:295px;
    height:80px;
}

.form_error_title{
	font-size:12px;
    color: #900;
}

.form_error{
    background-color: #F4F6E5;
    border: 1px dashed #ff0000;
    padding: 5px;
    margin-bottom: 5px;
}

.form_error_highlight{
    background-color: #F4F6E5;
    border-bottom: 1px dashed #ff0000;
}

div.instruction_error{
    color: #690101;
    font-weight:bold;
}

hr.sectionbreak{
    height:1px;
    color: #ccc;
}

#one_entry_msg{
    background-color: #F4F6E5;
    border: 1px dashed #ff0000;
    padding: 10px;
    margin-bottom: 10px;
}

#frmFormMailContainer{
	width:302px;
	margin:auto;
	padding-top:15px;
	height:520px;
	
	}


#frmFormMailContainer input[type="submit"]{
    padding: 10px 25px; 
    font-weight: bold;
	color: #FFF;
    background-color:  #690101 ;
	
	
}

#frmFormMailContainer input[type="submit"]:hover{
    background-color: #006600;
	color:#FFF;
}