/*  

Theme Name: Enfoques Digitales Blog

Theme URI: http://www.enfoquesdigitales.com

Description: Adaptacion del diseņo del sitio a Wordpress

Version: 1.0

Author: Enfoques Digitales de El Salvador

Author URI: http://www.enfoquesdigitales.com

*/



	html, body, div, span, applet, object, iframe,

		h1, h2, h3, h4, h5, h6, p, blockquote, pre,

		a, abbr, acronym, address, big, cite, code,

		del, dfn, em, font, img, ins, kbd, q, s, samp,

		small, strike, strong, sub, sup, tt, var,

		dl, dt, dd, ol, ul, li,

		fieldset, form, label, legend,

		table, caption, tbody, tfoot, thead, tr, th, td {

			margin: 0;

			padding: 0;

			border: 0;

			outline: 0;

			font-weight: inherit;

			font-style: inherit;

			font-size: 100%;

			font-family: inherit;

			vertical-align: baseline

		}

		

		:focus {outline: 0}

		

		ol, ul {list-style: none}

	

	body {

		line-height: 1.4;

		font-size: 85%;

		font-family: arial, verdana, sans-serif;

		color: black;

		background: #010713;

		margin: 0;

		padding: 0;

		text-align: left

	}





	h2 {

		font-size: 160%;

		border-bottom: 1px solid #0CB1F5;

		padding-bottom: .4em;

		margin-bottom: .9em;

	}

	h3 {font-size: 130%; margin-bottom: .6em;}



	



a {outline: 0}

	a img {border: 0px; text-decoration: none}

	a:link, a:visited {color:#003366; text-decoration: none;}

	a:hover, a:active {text-decoration: underline;}

	



	p {

	    margin-bottom: 1.2em;

	    line-height: 1.4

	}

	

	strong, b {font-weight: bold}

	em, i {font-style: italic}



	hr {

		border: 0;

		color: #0CB1F5;

		background-color: #0CB1F5;

		height: 2px;

		margin: 2em 0;

	}

	

	.img {display: block; margin-bottom: 1.5em;}







.central {width: 950px; overflow: hidden; margin: 0 auto;}







#header {

	background: #010E1F url('http://www.enfoquesdigitales.com/images/superior.jpg') repeat-x;

	color: #fff;

	height: 73px;

	line-height: 73px;

	border-bottom: 1px solid #1A4065;

}



#header .central {overflow: visible}

#header:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}	

	#logo {float: left; margin: 10px 0 0 0; height: 47px;}	

	#menu {margin: 20px 0 0 0; float: right; list-style: none;}

	#menu li {float: left; margin: 0 0 0 10px; padding: 0; background: none; position: relative;}	

	#menu ul {

		position: absolute;		

		overflow: hidden;

		width: 230px;

		top: 10px;

		left: 0;

		z-index: 999;

		display: none;

	}

	#menu li:hover ul {display: none;}

	

	#menu ul li {

		float: none;

		margin: 0;

		position: static;

		border-bottom: 1px solid #1F4469

	}

	

	#menu ul li a:link, #menu ul li a:visited {

		color: #fff;

		font-weight: normal;

		display: block;

		padding: .55em .9em;

	}

	#menu ul li a:hover, #menu ul li a:active {

		text-decoration: none;

		background: #1F4469;

	}

	

	



#body {background: #fff bottom; padding: 30px 0 17px 0;}

.principal #body {background: #fff;}





	#superior01 {

		background: #010204 url('http://www.enfoquesdigitales.com/images/intermedio2.jpg') repeat-x top center;

		height: 280px;

		color: #fff;

		font-size: 128.57%;

	}

	

	#superior01 p {width: 390px; margin-bottom: 1em;}

	#superior01 strong {display: block; color:#CCCCCC; font-size: 1.1em;}

	#superior01 .titular {font-weight: bold; font-size:20px; color: #FFFFFF;}



	#superior01 .quote {position: absolute; right: 10px; top: 207px;}



	#superior01 .central {padding: 40px 0 30px 550px; width: 525px; height: 205px; position: relative;}

	



	

	/* ulti */

	#ulti {

		background: #EDF2F6;

		border-top: 1px solid #f3f3f3;

	}

	

	#ulti ul {

		list-style: none;

		overflow: hidden;

		height: 1%;

		padding: 10px 0 10px 120px;

		width: 890px;

		background: url('http://www.enfoquesdigitales.com/images/ultimos.jpg') no-repeat left center;

	}

	#ulti ul li {float: left; margin: 0 18px 0 0; padding: 0; background: none;}

	#ulti ul li img {border: 2px solid #e9e9e9;}





#alam {

	background: #81C01A url('http://www.enfoquesdigitales.com/images/fondo-verde.jpg') repeat-x top left;

	color: #fff;

	overflow: hidden;

	height: 1%;

	padding: 35px 0 0 0;

}

#alam .central {padding-bottom: 25px;}



#alam .col {width: 29%; float: left; padding: 0 3.8% 0 0;}

#alam #blogblog {padding-bottom: 10px;}



#alam h2 {margin-bottom: 10px; padding-bottom: 0; border: 0; color:#003399; font-weight:bold;}

 

#alam a:link, #alam a:visited {color: #fff; font-style:normal; font-weight: bold; font-size:13px;}



	





#footer {		

	background: #000000 url('http://www.enfoquesdigitales.com/images/fondo-footer.jpg') center top no-repeat;

	color: #fff;

	border-top: 1px solid #1D2A3A;

	min-height: 250px;

	font-size: .95em

}



#footer .central {padding: 35px 0 0 0; position: relative; min-height: 124px;}



#footer p {margin: 0 0 3px 0; color: #fff;}

#footer a:link, #footer a:visited {color: #fff;}



	

	#lfooter {margin: 15px 0 0 0; list-style: none;}	

	#lfooter li {float: left; margin: 0 45px 0 0; padding: 0; background: none;}	

	#lfooter .inferiores {padding-top: 25px}	

	#footer #back-top {

		right: 0;

		top: 40px;

		position: absolute;

	}	

	

	#internal {color: #fff; margin: 0 0 3px 0; list-style: none;}

	#internal li {

		display: inline;

		margin: 0 .6em 0 0;

		padding: 0 .6em 0 0;

		height: 1.1em;

		line-height: 1.1; 

		border-right: 1px solid #fff;

		background: none;

	}

	#internal li:last-child {border: 0; margin: 0; padding: 0;}

	



.cols-2 {overflow: hidden; width: 100%;}

.cols-2 .left {width: 48%; float: left; margin: 0}

.cols-2 .right {width: 48%; float: right; margin: 0}

#boxes {overflow: hidden; height: 1%;}

#boxes .col {width: 21%; float: left; padding: 0 3.8% 0 0; color: #00A5F8}

#boxes h2 {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}

#boxes .col p {font-size: 150.14%; font-weight: bold; margin-bottom: 1.2em; color:#003399;}

#boxes .col .resalte {font-size: 100.14%; font-weight: bold; margin-bottom: 1.2em; color:#000000;}

#boxes ul {color: #000;}















/*Lista portada*/

.latDer ul{

padding-top:10px;

list-style:none;

margin:0;

padding:0;

}

.latDer li{

padding:10px 10px 4px 16px;

border-bottom:1px solid #cccccc;

background: 0px 12px url(http://www.enfoquesdigitales.com/images/bullet2.gif) no-repeat;

}



.latDer li .linkNegro{

color:#000000;

}





.grisito{

color:#999999;

}













/* Page */



#page {

	width: 954px;

	margin: 0 auto;

	/*background: #FFFFFF url(images/img03.jpg) repeat-y;*/

}



#bg {

	/*background: url(images/img06.jpg) no-repeat left bottom;*/

}



/* Content */



#content {

	float: left;

	width: 640px;

	/*background: url(images/img04.jpg) no-repeat;*/

	padding-bottom: 40px;

}



/* Navigation */



.navigation {

	padding: 10px 30px;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



/* Posts */



.post {

	width: 606px;

	padding: 30px 0 0 48px;

}



.post ul, .post ol {

	margin-left: 0;

	padding-left: 0;

	list-style-position: inside;

}



.post .title {

	padding: 0 0 0 5px;

}



.post .title a {

	text-decoration: none;

	font:bold 28px/18px Arial, Helvetica, sans-serif;

	color:#003366;

	background-color:#fff;

	margin:0 0 7px 0;

	line-height:25px;

	display:block;

}



.post .date {

	margin: -26px 25px 15px 0;

	text-align: right;

	color: #79AFCD;

}



.post .entry {

	padding: 1px 2px 0 12px;

	/*background: url(images/img07.jpg) no-repeat;*/

}



.post .meta {

	padding: 15px 12px;

	/*background: url(images/img08.jpg) no-repeat left bottom;*/

}



.post .meta b {

	display: none;

}



.post .more, .post .comments {

	padding: 0 30px 0 20px;

}



.post .more {

	/*background: url(images/img09.gif) no-repeat left center;*/

}



.post .comments {

	/*background: url(images/img10.gif) no-repeat left center;*/

}



.result {

}



.result .title {

	font-size: 18px;

}



/* Comments */



#comments {

}



#comment {

	width: 500px;

}





/* Sidebar */



#sidebar {

	float: right;

	width: 274px;

	/*background: url(images/img05.jpg) no-repeat;*/

	padding-bottom: 40px;

}



#sidebar ul {

	width: 206px;

	margin: 0;

	padding: 0 0 0 30px;

	list-style: none;

}



#sidebar li {

}



#sidebar li ul {

	width: auto;

	padding: 0 15px 0 10px;

}



#sidebar li li {

	padding: 5px 0 5px 0;

	/*background: url(images/img13.gif) repeat-x left bottom;*/

}



#sidebar li li.first {

	padding-top: 0;

	background: none;

}



#sidebar li h2 {

	font-size: 18px;

	padding: 30px 0 40px 10px;

	/*background: url(images/img12.jpg) no-repeat left bottom;*/

}



/* Sidebar Search */



#search {

	padding: 45px 0 5px 0;

}



#search input {

	font: normal 100% "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #405A67;

}



#search br {

	display: none;

}



#search #s {

	width: 120px;

}



/* Calendar */



#calendar {

}



#calendar caption {

	width: 100%;

}



#calendar table {

	margin: 0 auto;

	text-align: center;

}



#calendar tbody td {

	padding: 0 5px;

	text-align: center;

}



#next {

	text-align: right;

}



#prev {

	text-align: left;

}



/* Easy Slider */



	#slider{}	

	#slider ul, #slider li{

		margin:0;

		padding:0;

		list-style:none;

		}

	#slider li{ 

		/* 

			define width and height of list item (slide)

			entire slider area will adjust according to the parameters provided here

		*/ 

		width:300px;

		min-height:250px;

		

		overflow:hidden; 

		}	

										



/* // Easy Slider */



.socialfooter{

width:200px;

float:left;

line-height:20px;

}



.socialfooter ul li {



height:25px;

}









ol.commentlist {

	margin:0;

	padding:0;

	}



.commentlist li {

	list-style:none;

	margin-bottom:14px;

	}



.commentlist cite {

	padding: 7px;

	display:block;

	font-style:normal;

	background:url(http://www.enfoquesdigitales.com/images/fondo-comentarios-cita.gif);

	border-top:1px solid #d6e4c1;

	border-bottom:1px solid #779d42;

	color:#596e3b;

	}	



.commentlist a:link, .commentlist a:visited {

	color:#596e3b;

	}



.commentlist a:hover, .commentlist a:active {

	color:#8ec343;

	}



.commentlist cite img {

	padding:1px;

	border:1px solid #aab59a;

	float:left;

	margin-right:9px;

	}



.commentlist .author {

	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;

	text-decoration:underline;

	}



.commentlist .time {

	background: url(http://www.enfoquesdigitales.com/images/reloj.gif) no-repeat 1px;

	padding-left:13px;

	}



.commenttext {

	background: #81C01A url(http://www.enfoquesdigitales.com/images/fondo-comentarios.jpg) repeat-x bottom;

	border-top:1px solid #c5f386;

	padding: 10px 25px 20px 20px;

	color:#FFFFFF;

	font-size:14px;

	

	

	}

	

	

	.commenttext a {

	color: #006600;	

	}

	

	.commenttext a:hover {

	color:#003399;

	}

	



	

.gravatare {	

	

	float:left;

	width:70px;

	height:100%;

	padding-top:3px;

	padding-left:3px;

	

	

	

	}

	

	

	

	/*Formulario*/





label

{

font-size:14px;

color:#999999;



float: left;

text-align: right;

margin-right: 10px;

margin-left:20px;

display: block

}



.submit input

{

margin-left: 4.5em;

}

input

{

color: #003399;

background:#ECECEC;

border: 1px solid #003399;

width:300px;

height:30px;

font-size:16px;

font-family: arial, verdana, sans-serif;

font-weight:bold;



}



input:hover

{

color: #FFFFFF;

background: #86C417;

border: 1px solid #003399;

width:300px;

height:30px;

font-size:21px;

font-family: arial, verdana, sans-serif;



}



input:focus

{

color: #FFFFFF;

background: #86C417;

border: 1px solid #003399;

width:300px;

height:30px;

font-size:21px;

font-family: arial, verdana, sans-serif;



}











select

{

color: #003399;

background:#ECECEC;

border: 1px solid #003399;

width:300px;

height:30px;

font-size:16px;

font-family: arial, verdana, sans-serif;

font-weight:bold;



}



select:hover

{

color: #FFFFFF;

background: #86C417;

border: 1px solid #003399;

width:300px;

height:25px;

font-size:14px;

font-family: arial, verdana, sans-serif;



}



select:focus

{

color: #FFFFFF;

background: #86C417;

border: 1px solid #003399;

width:300px;

height:25px;

font-size:14px;

font-family: arial, verdana, sans-serif;



}





textarea

{

color: #003399;

background:#ECECEC;

border: 1px solid #003399;

font-weight:bold;

width:350px;

font-size:16px;

font-family: arial, verdana, sans-serif;

margin-left: 50px;

}



textarea:hover

{

color: #FFFFFF;

background: #86C417;

border: 1px solid #003399;

width:350px;

font-size:16px;

}



textarea:focus

{

color: #FFFFFF;

background: #86C417;

border: 1px solid #003399;

width:350px;

font-size:16px;

}



.submit input

{

color: #CCCCCC;

background: #003399;

border: 2px outset #003399;

}

.submit input:hover

{

color: #FFFFFF;

background: #86C417;

border: 2px outset #003399;



}

fieldset

{

border: 1px solid #C7DDFF;

width: 585px;

}



legend

{

color: #fff;

background: #003399;

border: 1px solid #003399;

padding: 2px 29px;

border-left:10px;

} 

