/* BLOG .......................................................................................*/
/* COLORES  ......................................................................*/
/* 
azul #024b99;
turquesa 1 #179fc9;
turquesa 2 #0192be;
turquesa claro #8bc0d0;
*/

/* CONTENEDORES ............................................................................................. */

#blog-maincontent	{
	margin: 0;
	padding:20px 10px 10px 10px; 
	width:747px;
	vertical-align: text-top;
	vertical-align:top;
}
#blog-centercol		{
	margin: 0;
	padding: 0;
	width: 539px;
	text-align:left;
}
#blog-leftcol	{
	margin: 0 0 0 11px;
	padding:0;
	float: right;
	text-align:left;
	width: 195px;


}
#blog-leftcol h2	{
	margin: 0 0 10px 0;
	padding: 0 0 6px 0;
	font-size: 14px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	background-image:url(../img/blog_bg_boxleft.png);
	background-repeat:no-repeat;
	background-position:bottom;
	line-height: 16px;
	display:block;

}
#blog-leftcol h3	{
	margin: 0 0 10px 0;
	padding: 0 0 6px 0;
	font-size: 11px;
	text-transform:uppercase;
	text-align:center;
	background-image:url(../img/blog_bg_boxleft.png);
	background-repeat:no-repeat;
	background-position:bottom;
	line-height: 16px;
	display:block;

}
#blog-leftcol  H4	{
	FONT-SIZE: 12px;
	color: #0457af;
	margin: 10px 0 10px 0;
	padding:0;
	line-height: 14px;
}
/*BOX LEFTCOL............................................................................*/

.blog-boxleft-banner	{
	margin: 0 0 10px 0;
	padding:0;
	width: 195px;
}

.blog-boxleft	{
	margin: 0 0 10px 0;
	padding:6px 10px 15px 10px;
	background-image:url(../img/blog_bg_boxleft.png);
	background-repeat:no-repeat;
	background-position:top;
	background-color: #f8f8f8;
	width: 175px;
}
.blog-boxleft a	{
	margin:0;
	padding:0;
	color:#8bc0d0;
}
.blog-boxleft a:hover	{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#5aa1b7;	
}
.blog-boxleft ul	{
	margin:0 0 0 15px;
	padding:0;
	list-style: square;
	color: #707070;
}
.blog-boxleft ul li 	{

	line-height:15px;
	list-style: square;
	color: #707070;
	margin: 5px 0 5px 0;
	padding: 0;
	background-image: none;

}
.blog-boxleft ul li a 	{
	color:#707070;
	padding: 0;
	margin:0;
}
.blog-boxleft ul li a:hover	{
	text-decoration: underline;
}
.blog-boxleft ul.blog-list
{
	margin: 0;
	padding:0;
	list-style:none;
	color: #000000;
}
.blog-boxleft ul.blog-list li
{
	margin: 3px 0 4px 0;
	line-height: 14px;
	list-style-image:none;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #e6e6e6;
}

.blog-boxleft ul.blog-list li a
{
	color: #5a72a2;
	text-decoration: underline;
}
.blog-boxleft ul.blog-list li a:hover
{
	color: #4C5767;
}
.blog-boxleft .blog-post
{
	margin: 0;
	color: #4C5767;
	padding: 0;
	font-size: 14px;
}

.blog-boxleft2	{
	width: 175px;
	margin: 0;
	padding:10px;
	background-image: url(../img/bg_boxleft_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f3f3f3;
}
.blog-boxleft-edit-img {
FLOAT: left; 
MARGIN: 0px 10px 10px 0px;
}
.blog-boxleft2-bottom	{
	width: 195px;
	height:10px;
	margin:0 0 10px 0;
	padding:0;
	background-image: url(../img/bg_boxleft_bottom.jpg);
	background-repeat:no-repeat;
}
.blog-box-color	{
	margin: 10px 0;
	padding:10px;
	background-color:#266fbd;
	color:#FFFFFF;
	font-size:12px;
}

/*Box Blog-content.....................................................................*/

.blog-content	{
	margin: 0 0 10px 0;
	padding: 15px;
	/*width: 515px;*/
	background-image:url(../img/bg_content.png);
	background-repeat: no-repeat;
	background-color: #ffffff;
}
.blog-date	{
    border: none;
	padding:0;
	margin: 0;
	font-size: 14px;
	border-bottom: 1px solid #ececec;
	font-family: 'Tahoma', Arial, verdana, sans-serif;
	font-weight: bold;
	color:#ababab;
}
.blog-text	{
	padding: 0;
	margin: 0 0 5px 0;
	text-align:justify;
	overflow:hidden;
}
.blog-text-img	{
	margin:0 10px 0 0 ;
	padding:0;
	float:left;
}
.blog-text a
{
 color:#0457af;
 text-decoration: underline;
 }
.blog-text a:hover
{

 color:#000000;
 text-decoration: underline;
 }
/* FORMATO DE TEXTO PARA EL EDITOR ....................................................*/

.blog-text h1
{
	margin: 10px 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-align:left;
	color: #828282;
}

.blog-text h2 {
	font-size:14px;
	font-weight:bold;
	color:#0457af;
	padding:0;
	margin:5px 0 5px 0;
	text-align:left;
}
.blog-text h3 {
	font-size:12px;
	font-weight:bold;
	color:#179fc9;
	padding:0;
	margin:5px 0 5px 0;
	text-align:left;
}
.blog-text ul

{
	list-style: square;
	margin: 5px 0 5px 20px;
	padding:0;
	}
.blog-text ul li

{
	list-style: square;
	margin: 1px 0 1px 0;
	padding:0;
	background-image: none;
	color: #767676;
	}
	
.blog-text p	{
	font-size: 11px;
	line-height:16px;
	padding:0 0 5px 0;
	margin: 0;
	color:#3a3a3a;
}

.blog-text a.ampliar	{
	COLOR: #3b9bc7;
	text-decoration:none; line-height:10px;
	background: url(../Img/blog_ampliar.png) no-repeat right center;
	font-family: 'Arial', Tahoma, verdana, sans-serif;
	font-size: 14px;
	padding: 0 13px 2px 0;
	text-align:right;
	display:block;
	margin: 0;
	text-decoration: none;
}
.blog-text a.ampliar:hover	{
	COLOR: #444444;
	text-decoration:none;
}

/* BLOG FOOTER ..........................................................................*/

.blog-foot	{
	padding: 3px 0 0 0;
	margin: 0;
	border-top: 1px solid #d0e5e9;
	color: #3b9bc7;
	font-size: 11px;
	font-family: 'Tahoma', Arial, verdana, sans-serif;
}
.blog-foot a	{
	color: #005596;
	text-decoration: none;
}
.blog-foot a:hover	{
	COLOR: #727272;	
	text-decoration: none;
}
.blog-content-answer	{
	margin: 0 0 10px 0;
	padding: 15px;
	/*width: 515px;*/
	background-color:#f4f9fa;
/*	border:1px solid #c8eaf4;*/
}

/* GALERÍA DE FOTOS .......................................................................*/

.blog-galeria	{
	margin: 10px 0 10px 0;
	padding: 15px 10px 15px 10px;
	background-color:#f4f4f4;
}
td.blog-td	{
	margin: 0;
	padding: 0 0 0 10px;
}
.blog-galeria-foto {
	margin: 0 10px 10px 0;
	padding: 0;
	width: 185px;
	height: 133px;
	float: left;
	text-align:center;
	}
.blog-galeria-foto a{
	background: #f4f4f4;
	display:block;
	border: 0;
	text-align:center;
	width: 185px;
	height: 133px;
	float: left;
}
.blog-galeria-foto a:hover {
	
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	background: #f4f4f4;
	display:block;
	text-align:center;
	width: 200px;
	height: 133px;
}

/* PARRAFOS .......................................................................*/

h1.h1
{
margin: 10px 0 10px 0;
font-size: 18px;
font-weight: normal;
line-height: 22px;
text-align:left;
color: #3a3a3a;
}

h2.h2
{
	margin: 0 0 10px 3px;
	text-align:left;
	font-size: 14px;
	font-weight:bold;

}

/*FORMULARIOS......................................................................*/

.blog-maincontent input	{
	font-size:10px;
	color:#8d8a8a;
	margin: 2px 0 0 2px;
	padding:3px;
	border: 1px solid #c2c2c2;
	background: #ffffff;
}
.blog-maincontent textarea	{
	font-size:10px;
	color:#8d8a8a;
	margin: 2px 0 0 2px;
	padding:3px;
	border: 1px solid #c2c2c2;
	background: #ffffff;
}
.blog-maincontent select	{
	background: #ffffff;
	border: 1px solid #c2c2c2;
	font-size: 14px;
	color:#8d8a8a;
}

.blog-maincontent  input.button	{	
	font-size:10px;
	border:1px solid #c4c4c4;
	color:#858585;
	font-weight:normal;
	background-color:#cccccc;
	background-image:url(../img/bg_button.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	padding:0 12px 0 5px ;
	width: auto;
	overflow:visible;
}

.blog-maincontent table td	{
	font-family: 'Tahoma', Arial, verdana, sans-serif;
	font-size: 11px;
}

/* PARRAFOS ......................................................................................*/


p.fecha	{
	font-size: 14px;
	color: #4e88c4;
	padding:5px 0;
	margin: 0;
}
p.resumen	{
	font-size: 11px;
	font-weight: bold;
	color: #70afd8;
	padding:5px 0;
	margin: 0;
}

a.volver	{
	FONT-SIZE: 13px;
	font-weight:bold;
	float:right;
	color: #666666;
	margin:0;
	padding: 0 0 0 13px;
	display:block;
	text-decoration: none;
	background-image:url(../img/bullet_volver.png);
	background-repeat:no-repeat;
	background-position: top left;
}
a.volver:hover	{
	color: #0c76bb;
	background-image:url(../img/bullet_volver_.png);
}

a.flecha	{
	margin: 0;
	padding:0 0 0 10px;
	background-image: url(../img/bullet_flecha2.png);
	background-repeat: no-repeat;
	background-position:center left;
	display:block;
}
a.flecha:hover	{
	background-image: url(../img/bullet_flecha2_.png);
}
ul.areas	{
	margin:0;
	padding:0;
	list-style:none;
}
ul.areas li 	{
	list-style:none;
	line-height:20px;
	padding:0;
	margin:0;
}
ul.areas li a 	{
	list-style:none;
	color:#707070;
	line-height:20px;
	font-size:9px;
	padding:5px 5px 5px 8px;
	margin:0;
	background-image:url(../img/blog_bullet.png);
	background-position:left;
	background-repeat:no-repeat;
}
ul.areas li a:hover	{
	list-style:none;
	color:#909090;
	line-height:20px;
	font-size:9px;
	padding:5px 5px 5px 8px;
	margin:0;
	text-decoration:none;
}
ul.areas li a.active	{
	list-style:none;
	color:#0192be;
	line-height:20px;
	font-size:9px;
	padding:5px 5px 5px 8px;
	margin:0;
	text-decoration:none;
	background-color:#f3f9fa;
}
ul.areas li a.active:hover	{
	list-style:none;
	color:#909090;
	line-height:20px;
	font-size:9px;
	padding:5px 5px 5px 8px;
	margin:0;
	text-decoration:none;
	background-color:#f3f9fa;
}

/* ARREGLOS .......................................................................*/

.clearfix {
    content: "."; 
    display: block; 
	height: 1px;
	clear: both; 
	overflow:hidden;
	margin:0;
	padding:0;
}


/* PAGINADO .........................................................................*/

#paginado
{
	margin: 20px 0 10px 0;
	padding: 0;
	text-align:center;
	}
#paginado a
{
	margin: 0 5px 0 0;
	padding: 1px 5px 1px 5px;
	color: #3a3a3a;
	display: block;
	background-color: #d2e5ec;
	font-size: 14px;
	font-weight: bold;
	float:left;
	text-decoration: none;
	}
#paginado a:hover
{
	background-color: #bed5dd;
	}

/* EDICIÓN DE BLOG ...................................................................*/

#blog-edit
{
	padding: 10px;
	margin: 0;
	background: #efefef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#blog-edit #content
{
	padding: 20px;
	border-top: 5px solid #b7b7b7;
	}

#blog-edit form
{
	padding: 0;
	margin: 0;
	}
#blog-edit table.table-edit
{
	padding: 0;
	margin: 10px 0 10px 0;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	}
#blog-edit table.table-edit td
{
	margin: 0;
	padding: 5px 10px 5px 10px;
	}
#blog-edit input	{
	font-size:13px;
	color:#8d8a8a;
	margin: 2px 0 0 2px;
	padding:3px;
	border: 1px solid #c2c2c2;
	background: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
#blog-edit select	{
	font-size:13px;
	color:#8d8a8a;
	margin: 2px 0 0 2px;
	padding:3px;
	border: 1px solid #c2c2c2;
	background: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
#blog-edit textarea	{
	font-size:13px;
	color:#8d8a8a;
	margin: 2px 0 0 2px;
	padding:3px;
	border: 1px solid #c2c2c2;
	background: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
#blog-edit input.button	{	
	font-size:10px;
	border:1px solid #c4c4c4;
	color:#f0f0f0;
	font-weight:normal;
	background-color:#919191;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #747474;
	border-right: 1px solid #747474;
	padding:1px 5px 1px 5px ;
	width:auto;
	overflow:visible;
}

/* FOOTER */

#blog-edit #footer
{
	background: #f5f5f5;
	padding: 5px 10px 5px 10px;
	height: 15px;
	line-height: 15px;
	border-bottom: 5px solid #b7b7b7;
	border-top: 1px solid #b7b7b7;
	}
#blog-edit  #footer-syncromind 	{
	position:relative;
	text-align: right;
	margin:0;
	padding:0;
	float:right;
}
#blog-edit #footer-syncromind a	{
	background: url("../Img/logo_syncro.png") no-repeat top;
	width: 25px;
	height: 25px;
	display:block;
}
#blog-edit #footer-syncromind a:hover	{
	background: url("../Img/logo_syncro_.png") no-repeat top;
	width: 25px;
	height: 25px;
	display:block;
}