/* @override http://danielcarrascomedina.com/wp-content/themes/4col/style.css */

/*
Author: Daniel Carrasco Medina
Author URI: http://www.danielcarrascomedina.com


/*-----------Block Level Elements--------------*/

Body {
    margin:0;
	padding:0;
	font-family: 'Merriweather', Georgia, Times, serif;
	/*background-color: #141414;*/
	/*background-color: #f3f3f3;*/
	background-color: #fff;
	width: 100%;

}

#centro {
	background-color: #fff;
	margin: 0 10px;
	margin-top: 40px;
}

#centro div.navigation div.alignleft p {
	margin: 0;
	background-color: #eaeaea;
	font-size: 11px;
}

.navigation .alignleft p a{
	background-color: #eaeaea;
	color: #888;
}

div.navigation-home {
	padding: 10px;
}

#contenedor {
    width: 960px;
    margin: 0 auto;

}

#cabecera {
	padding:0;
	margin: auto;
	width:100%;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

h2 {
	margin: 0;
	padding-bottom: 10px;
	font-weight: normal;
}

h2 a {
	color: #393939;
}

h2 a:hover {
	color: #666;
}

.post h2{
	font-weight: 400 !important;
	margin-top: 0;
}

a {
	text-decoration: none;
	color: #f7075f;
}

a:hover{
	color: f7075f;
}

.post-dentro h2 {
	font-size: 1.2em;
	font-weight:normal;
	padding-top: 20px;
}

#cuerpo{
    margin:0;
	padding:0;
    clear: both;
}

#pie {
	padding:0;
    width: 100%;
	clear: both;
    margin-top: 30px;
    margin-bottom: 30px;
}

#pie p a {
	color: 000;
	text-decoration: none;
}

#pie p a:hover {
	color: #f7075f;
}

#pie p{
	color: #666;
	font-size: 0.9em;
	line-height: 16pt;
	margin-bottom: 40px;
}

/*-------------Cabecera-------------*/

#cabecera h1{
	margin:0;
	font-size: 1.2em;
	font-family: 'Merriweather', Arial, Sans-serif;
	color: #000;
	font-weight: normal;
}

#abajo {
	width: 30%;
}

#cabecera h1 a{
	color: #f7075f;
    text-decoration: none;
    font-weight: 900;
}

#cabecera h1 a:hover{
    color: #000;
}

#cabecera h2 {
	margin:0;
    color: #ccc;
    font-weight: normal;
}

#desc ul{
	margin: 0 5px;
	padding: 0;
}

#desc ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 9px;

}

#desc li a{
	background-color: #fbfbfb;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
	float: left;
	margin: 0;
	margin-right: 1px;
	text-decoration: none;
	color: #888;
	font-family: Arial, sans-serif;
	margin-top: 1px;
}

#desc li a:hover{
	background-color: #fff;
}

/*-------------Centro-------------*/


#centro_der ul, #centro_der li{
         margin: 0;
         padding: 0;
         padding: 0 10px ;
         list-style-type: none;
         
}
/*-------------El Post-------------*/


.post {
	width:172px;
	background-color: #fff;
	height: 465px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
}

.post_2 {
	background-color: #fff;
	margin-bottom: 10px;
}

.post_2 p{
	font-family: 'Merriweather', Georgia, Times, serif !important;
	font-size: 13px;
	line-height: 1.5em;
	color: #333;
	margin-top: 10px;
	margin-bottom: 10px;
}

.post_2 dl{
	font-family: 'Merriweather', Georgia, Times, serif !important;
	font-size: 13px;
	line-height: 1.5em;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
}

#col {
	width:172px;
	background-color: #fff;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	margin-bottom: 10px;
}


p {
	color: #666;
	margin: 0;
	padding: 0;
	line-height: 16pt;
	font-size:1.2em;
}

span.post-meta-key {
	color: #919191;
}

#cabecera p{
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.8em;
	letter-spacing: 0.2em;
	font-family: courier;
}

.postmetadata {
    margin:0;
	padding:0;
    clear: both;

}

.alignright{
	float: right;

}

.alignleft{
}

#col1 div.navigation-home div.alignleft p {
	margin: 0;
}

#col1 div.navigation-home div.alignright p {
	margin: 0;
}

.alignleft p a{
	color: #f7075f;
	font-family: 'Merriweather', Georgia, Times, serif !important;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #fff;
}

.alignright p a{
	color: #f7075f;
	font-family: 'Merriweather', Georgia, Times, serif !important;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #fff;
}

/*--------------Sidebar------------*/

#sidebar ul {
         margin:0;
	 padding:0;
         padding: 0 10px ;
         list-style-type: none;
         
}

#sidebar p {
         padding: 0 10px;

}

/*--------------Pie--------------*/



/*--------------Comentarios--------------*/


#commentform textarea{
 	margin:0;
	padding:0;
    width: 100%;

}

/*-------------Imágenes------------------*/

img {   
    margin:0;
	padding:0;  
}

.post-dentro img{
	max-width: 556px;
}

.post-dentro p {
	color: #868686;
	margin-bottom: 30px !important;
}

a img{
    border: none;
    filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;
}

a:hover img{
    filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
}

/*-------------Other------------------*/


small {
	font-family: Arial, sans-serif;
	font-size: 0.7em;
	color: #ddd;
}

small a{
	color:#000;
}

.limpia {
clear: both;
visibility: hidden;
}

h4 {
	color: #8c9191;
	font-size: 3em;
}


ul {
	padding-left: 40px;
	line-height: 22px;
}

li {
	float: left;
	text-transform: uppercase;
	font-size: 10px;
	color: #919191;
	padding-right: 5px;
}

#twitter_update_list li {
	clear: both;
}

div#twitter {
	float: right;
	width: 70%;
	padding-bottom: 30px;
}

ul#twitter_update_list {
	padding: 0;
}

div.info {
	float: left;
}

dt {
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
	padding-bottom: 0;
	padding-left: 20px;
	font-weight:bold;
}

dd {
	padding: 0 0 12px 12px;
	color:#333;
}

hr{
	border-top:1px dashed #F7075F;
}

blockquote{
	padding:10px;
	background:#f5f5f5;
	margin:0;
	border:1px solid #e5e5e5;
}

.linkedin a{
	color:#069;
}

.download a{
	background:#F7075F;
	padding:5px;
	color:#fff;
}

.download a:hover{
	background:#000;
}

h3{
	font-weight:normal;
	font-size:16px;
	color:#000;
}

/*the tags*/

#col .tags ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#col .tags li{
	float: none;
	font-family: 'Merriweather', Georgia, Times, serif !important;
	text-transform: none;
	font-size: 13px;
}

/*post relacionados*/
h3.related_post_title, #col h3 {
	font-family: 'Merriweather', Georgia, Times, serif !important;
    font-size: 11px;
    font-weight: normal;
	color: #888;
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#col ul.related_post {
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 10px;
}

#col ul.related_post li {
	float: none;
	font-family: 'Merriweather', Georgia, Times, serif !important;
	text-transform: none;
	font-size: 13px;
}

/*custom fields*/
#col ul.post-meta li span.post-meta-key {
	font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
	color: #666;
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#col ul.post-meta li {
	float: none;
	font-family: Arial, sans-serif;
	text-transform: none;
	font-size: 13px;
	line-height: 1.5em;
}

#col ul.post-meta {
list-style-type: none;
padding: 0;
margin: 0;
line-height: 10px;
}



/*otro*/

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_10 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0 !important;
}

.omega {
	margin-right: 0 !important;
}



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
 
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9,
.grid_10{
	display:inline;
	float: left;
	position: relative;
}


/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/

.container_10 .grid_1{
	width:76px;
}

.container_10 .grid_2{
margin-top: 40px;
}

.container_10 .grid_3{
	width:268px;
}

.container_10 .grid_4{
	width:364px;
}

.container_10 .grid_5{
	width:460px;
}

.container_10 .grid_6{
	width:556px;
}

.container_10 .grid_7{
	width:652px;
}

.container_10 .grid_8{
	width:748px;
}

.container_10 .grid_9{
	width:844px;
}

.container_10 .grid_10{
	width:940px;
}





/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_10 .prefix_1 {
	padding-left:96px;
}

    .container_10 .prefix_2 {
	padding-left:192px;
}

    .container_10 .prefix_3 {
	padding-left:288px;
}

    .container_10 .prefix_4 {
	padding-left:384px;
}

    .container_10 .prefix_5 {
	padding-left:480px;
}

    .container_10 .prefix_6 {
	padding-left:576px;
}

    .container_10 .prefix_7 {
	padding-left:672px;
}

    .container_10 .prefix_8 {
	padding-left:768px;
}

    .container_10 .prefix_9 {
	padding-left:864px;
}



/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_10 .suffix_1 {
	padding-right:96px;
}

    .container_10 .suffix_2 {
	padding-right:192px;
}

    .container_10 .suffix_3 {
	padding-right:288px;
}

    .container_10 .suffix_4 {
	padding-right:384px;
}

    .container_10 .suffix_5 {
	padding-right:480px;
}

    .container_10 .suffix_6 {
	padding-right:576px;
}

    .container_10 .suffix_7 {
	padding-right:672px;
}

    .container_10 .suffix_8 {
	padding-right:768px;
}

    .container_10 .suffix_9 {
	padding-right:864px;
}



/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_10 .push_1 {
	left:96px;
}

    .container_10 .push_2 {
	left:192px;
}

    .container_10 .push_3 {
	left:288px;
}

    .container_10 .push_4 {
	left:384px;
}

    .container_10 .push_5 {
	left:480px;
}

    .container_10 .push_6 {
	left:576px;
}

    .container_10 .push_7 {
	left:672px;
}

    .container_10 .push_8 {
	left:768px;
}

    .container_10 .push_9 {
	left:864px;
}





/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/

    .container_10 .pull_1 {
	right:96px;
}

    .container_10 .pull_2 {
	right:192px;
}

    .container_10 .pull_3 {
	right:288px;
}

    .container_10 .pull_4 {
	right:384px;
}

    .container_10 .pull_5 {
	right:480px;
}

    .container_10 .pull_6 {
	right:576px;
}

    .container_10 .pull_7 {
	right:672px;
}

    .container_10 .pull_8 {
	right:768px;
}

    .container_10 .pull_9 {
	right:864px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*estilos*/

#menu{
	clear: both;
	height: 30px;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#menu ul {
	list-style-type: none;
	padding: 0;
}

#menu li a{
	float: left;
	padding: 0 5px;
	background-color: #fff;
	height: 30px;
	padding-top: 10px;
	text-decoration: none;
	color: #999;
}

#menu li a:hover{
	background-color: #e6e6e6;
}


#desc p {
	font-size: 2.3em;
	line-height: 1.4em;
	color: #888;
	background-color: #fff;
	margin-left: 10px;
	width: 100%;
	margin-top: 35px;
}

.grid_2 h2 {
	font-weight: normal;
	font-size: 1em;
	color: #999;
	margin-top: 0;
}

#menu h1 {
	float: left;
	font-size: 1em;
	font-weight: normal;
	color: #fff;
	background-color: #ddd;
	height: 30px;
	padding-top: 10px;
	margin-top: 0;
	padding-left: 5px;
	padding-right: 8px;
	margin-bottom: 0;

}

.grid_2 img{
	width: 172px;
}

.grid_2 p, .grid_6 p{
	font-family: 'Merriweather', Arial;
	font-size: 13px;
	line-height: 1.6em;
	color: #666;
	margin-top: 10px;
	margin-bottom: 10px;
}