@charset "UTF-8";
/* CSS Document */


h1, h2, h3, h4, h5, h6, p, form{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body{font-family: Arial, Helvetica, sans-serif; margin:0px; background-color:#333;}

.contenedor{
	background-color: #e6e6e6;
}
.contenedor_gob{
	float:left;
	background-image: url(file:///C|/xampp7/htdocs/Quimica1/Quimica/temas/tema6/blog_u6/imagesBlog/gob.png);
	background-repeat:no-repeat;
	width:900px;
	height:50px;
	}

h1{ 						/*****************Para títulos del banner*/
	font-size: 1.8em;
	font-weight:900;
	color:#fff;
	padding-top:12px;
	margin-left:12px;
}
h2{ 					/***************** Titulos */
	font-size: 1.6em;
	font-weight:800;
	color: #609293;
	padding-top:10px;
}
h3{  					/*****************SUBTITULO 1*/
	font-size:1.4em;
	font-weight:800;
	color:#99cccc;
	padding-top:10px;
}
h4{   					/*****************SUBTITULO 2*/
	font-size:1.1em;
	font-weight:600;
	color:#333;
	padding-top:5px;
}
h5{  					/***************** cita*/
	font-size:.8em;
	color:#999;
	padding-top:5px;
}
h6{  					/***************** para el footer*/
	font-size:.7em;
	color:#666;
	padding-top:10px;
}
hr{						/***************** línea punteada para dividir*/
	border:1px #e5eae6 dashed;
	width:80%;
	margin: 20px auto;
}
p{
	font-size:.9em;
	text-align: justify;
	color: #666666;
	line-height:20px;
	padding-top:20px;
}
strong{color:#000;}


/**************************** Logotipos AEV y DFIE*/
.contenedorLogos{
	background-color: #333;
	height: 50px;
	width: 100%;
}
.contenedorLogosCont{
	width:1200px;
	margin:0 auto;
}
.contenedorLogosCont_AEV{
	float:left;
	background-image:url(../imagesBlog/logo_AEV.png);
	background-repeat:no-repeat;
	width:211px;
	height:50px;
	}
.contenedorLogosCont_DFIE{
	float:left;
	background-image:url(../imagesBlog/logo_DFIE.png);
	background-repeat:no-repeat;
	width:136px;
	height:50px;
	margin-left:0px;
	}

/**************************** Boton para regresar (Salir) **/
.regresar{
	width:100%;
	margin-left:-20px;
}
.regresar a{
	text-decoration:none;
}
.regresar a div{
	background-color:#1d1d1d;
	width:80px;
	height:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:.8em;
	color:#FFF;
	padding:5px 18px;
	margin:2px 1px;
	opacity: 0.8;
}
.regresar a:hover div{
	opacity: 1;
}

/****************************  Banner **/
.contenedor-banner{
	background-image: url(../imagesBlog/bkg_banner.jpg);
	background-repeat: repeat;
	height: 50px;
	width: 100%;
}
.contenedor-banner-bkg{
	background-image:url(../imagesBlog/bkg_Blog.png);
	width:1200px;
	/*width:98%;*/
	height:50px;
	margin:0 auto;	
}

/****************************   Contenedor de la información **/
.contenido {
	width:1200px;
	background-color: #FFF;
	margin:0 auto;
}

.contenido-info{
	width:98%;
	margin:0 auto;
}


/****************************   Columna Izquierda **/
.Col-Izq{
	/*border:1px #000066 solid;*/
	width:75%;
	float:left;
}


/****************************   TEMA **/

.tema{
	width:100%;
}

.tema-img-centro{
	margin: 10px 0 0 0;
	display:block; 
	text-align:center; 
}

.tema-img-centro img{
	max-width: 500px;
}



/****************************  Publicaciones **/
.publicaciones{
	width:95%;
	border:1px #CCCCCC solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:0 auto;
	margin-bottom: 20px;
}

.publicaciones-titulo{
	padding: 10px;
	background-color:#b0d2d3;
	border-bottom:1px #CCCCCC solid;
	-webkit-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
}

.publicaciones-comenta{
	background-color:#f4f4f4;
	width:94%;
	margin:0 auto;
	border:#e5eae6 solid 1px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:0 10px 10px 10px;
	margin-top:20px;
	margin-bottom:15px;
}

.publicaciones-comenta-tit{
	border-bottom:1px #999999 solid;
	padding-bottom:5px;
}

.publicaciones-comenta-tit-nomb{
	width:75%;
	float:left;
}

.publicaciones-comenta-tit-nomb p{
	font-size:.8em;
}

.publicaciones-comenta-tit-date{
	width:25%;
	float:left;
}

.publicaciones-comenta-tit-date p{
	font-size:.8em;
}

/****************************   Formulario**/
.cont-formulario {
	width:95%;
	margin:0 auto;
	margin-bottom:20px;
}

.formulario label{
}

.formulario input, .formulario textarea{
	font-size:.9em;
	border:1px #999999 solid;
	width:500px;
	height:20px;
    border: 1px solid #CCC;
	padding:10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.formulario textarea{
	height: 100px;
}

.formulario .boton{
	width:80px;
	height:20px;
	color:#FFFFFF;
	text-align:center;
	background-color:#b0d2d3;	
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.formulario .boton:hover{
	background-color:#346667;	
	
}


/****************************   Columna Derecha**/
.Col-Der{
	/*border:1px #003366 solid;*/
	width:21%;
	float:left;
	border-left: solid #f4f4ec thin;
	padding-left:20px;
	margin-left:20px;
}

.Col-Der a{
	font-size:.8em;
	text-decoration:none;
	color:#65c0df;
}

.Col-Der a:hover{
	color:#083078;
}

.Col-Der a:visited{
	color:#999;
}

.Col-Der li{
	list-style:none;
	line-height:5px;
	margin-left:-25px;
}

.Col-Der span{
	font-style:italic;
	font-size:.8em;
	margin-left:5px;
	color: #CCCCCC;
}




.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../imagesBlog/icon_top.png') no-repeat;
}


/**************************** PIE**/
.pie-contenedor {
	background-color: #333;
	height: 120px;
	width: 100%;
}
.pie{
	width:1200px;
	margin: 0 auto;
}
.pie h6{
	width:35%;
	margin: 0 auto;
	padding-top: 30px;
}