/* 

Generation - CSS File

*/


/*** GLOBAL  ***/
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#525252;
	line-height:18px;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both;}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	margin:0px 0px 6px 0px;
	padding:0px;
}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;font-weight:normal; color:#009;
}
h1 {font-size:30px; line-height:32px}
h2 {font-size:24px; line-height:26px;}
h3 {font-size:22px; line-height:24px;}
h4 {font-size:14px; line-height:16px; }
h5 {font-size:12px; line-height:14px;}

/* links */
a {color:#cc0000;text-decoration:underline;}
a:hover{color:#ea2626;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	line-height:18px;
	margin-bottom:20px;
	color:#525252;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#707070;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote.gif);
	background-repeat:no-repeat;
	width:80%;
}

/* code */
code {
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #c8c8c8;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#container{ width: 1000px; background: url(../images/fondoh.gif); margin: 0 auto;}
#centercolumn{margin:0 auto; width:940px; background: url(../images/fondo.gif) top repeat-x;}
/*** END OF CONTAINER ***/

/*** HEADER ***/
#top{height:142px; width:940px; position:relative;}
#logo{width:250px; float:left;}
#topmenu{ float:right;}
#topmenu ul{list-style-type:none; margin:0px; padding:115px 0px 0px 0px;}
#topmenu  ul li{display:inline;}
#topmenu ul li a, #topmenu ul li a:visited{color:#fff; text-decoration:none;margin:0px 15px 0px 0px; font-size:16px; line-height:20px; font-weight:bold; text-transform:capitalize}
#topmenu ul li a:hover{color:#F96; text-decoration:none;}
#topmenu ul li a.active{color:#F96 !important;}
/*** END OF HEADER ***/
.divide {
	clear:both;
	height:1px;
}
/*** CONTENT ***/
.imgleft{ padding: 5px 15px 5px 0; float:left;}
.imgright{padding: 5px 0 5px 15px; float:right;}
#patrocina {
	width: 300px;
	margin-top: 5px;
	border-top: 1px solid #ddd;
}
#patrocina h1 {
	background: #f8f8f8;
	text-align:center;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
	color: #555;
	font: bold 14px/26px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	padding: 0 0 0 10px;
}
#patrocina .imagen {
	border-bottom: 1px solid #ddd;
}
#content{background-image:url(../images/bg_main.gif); background-repeat:repeat-y; width:940px;}
#main{background-image:url(../images/bg_lineblock.gif); background-repeat:no-repeat; background-position:top left; padding:0px 0px 20px 0px; width:940px; }
#mainleft{width:230px; float:left; padding:25px 0px 0px 0px}
#mainright{width:710px; float:left;  padding:29px 0px 0px 0px}
#maincontent{padding:0px 10px 0px 25px; text-align:justify;}
#maincontent ul {
	padding: 0 50px 10px;
	margin: 0;
}
#maincontent ul li {
	padding: 2px 0;
}
#maincontent .centro {
	text-align:center;
	font-weight:bold;
	
}
/*** END OF CONTENT ***/

/*** SIDEBAR ***/
.sideleft{padding:0px 0px 10px 15px;}
.sideleft h3{background-color:#fff; line-height:49px; padding-left:10px; letter-spacing:0.001em; border: 1px solid #e1dede; border-right:0; color:#00C; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.sideleft a, .sideleft a:visited{text-decoration:none; color:#525252}
.sideleft a:hover{color:#686565}
.padbox{padding:0px 25px 0px 10px;}

/*** Latest News ***/
ul.list_type1{list-style-type:none; margin:0px; padding:0px;}
ul.list_type1 li{ padding:0px 0px 20px 0px}

/*** List icon and list border bottom ***/
span.icon{display:block;padding:4px 0px}
span.icon img{vertical-align:middle; padding-right:6px;}
ul.borderbottom{margin:0px; padding:0px; list-style-type:none; font-family:Verdana, Geneva, sans-serif;}
ul.borderbottom li{border-bottom:dotted 1px #ccc; padding:1px 0px}
ul.borderbottom li a{font-size:12px; padding:0px 0px 0px 2px;}
ul.borderbottom li a:hover{color:#c00; text-decoration:none; }
ul.borderbottom li a.active  {color:#c00 !important;}
ul.borderbottom ul {
	 margin: 0 0 0 10px;
}
ul.borderbottom ul li {
	 border-bottom:dotted 1px #BADAEB;
}
ul.borderbottom ul a.active {
	 font-weight:bold;
}
/*** Latest Projects ***/
ul.lates_projects{margin:0px; padding:0px;}
ul.lates_projects li{display:inline; float:left; padding:0px 7px 10px 0px;}

/*** END OF SIDEBAR ***/

/*** FOOTER ***/
#footer{background-image:url(../images/bg_lineblock.gif); background-repeat:no-repeat; background-position:top left; text-align:center; padding:10px 0 0 0 ;width:940px;}
#footer a, #footer a:visited{text-decoration:none; color:#525252}
#footer a:hover{color:#686565}
/*** END OF FOOTER ***/
#pie {
	background:url(../images/pie.gif) top left no-repeat;
	height: 30px;
}

#cuadro_diabetes {
	width: 530px;
	margin: 0 auto;
	text-align:center;
}

#cuadro_diabetes .izq {
	width: 205px;
	float:left;
}
#cuadro_diabetes .der {
	width: 205px;
	float:right;
}

#cuadro_diabetes .separador {
	height: 1px;
	background-color: #ccc;
	margin: 2px 0;
}
.separando {
	height: 12px;
	clear:both;
}

.hist_separa {
	clear:both;
	height: 1px;
	margin: 5px 0;
}

.historia1 .img_der {
	float:right;
	width:98px;
	margin-left: 15px;
}

.historia1 .texto_izq {
	float:left;
	width:562px;
}
.historia2 .img_izq {
	float:left;
	width:74px;
	margin-right: 15px;
}

.historia2 .texto_der {
	float:right;
	width:586px;
}
.historia3 .img_der {
	float:right;
	width:69px;
	margin-left: 15px;
}

.historia3 .texto_izq {
	float:left;
	width:591px;
}
.historia4 .img_izq {
	float:left;
	width:72px;
	margin-right: 15px;
}

.historia4 .texto_der {
	float:right;
	width:588px;
}
.historia5 .img_der {
	float:right;
	width:217px;
	margin-left: 15px;
}

.historia5 .texto_izq {
	float:left;
	width:443px;
}
.avd6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.avd6 p {
	margin-bottom: 0;
}
.centro {
	width:478px;
	margin: 0 auto;
}
.tabla1 {
	float: right;
	width:249px;
}
.texto1 {
	float:left;
	width: 416px;
}
.tabla1 .Estilo3 {
	color:#fff;
	text-align:center;
}

#ultimas {
	width:675px;
	padding: 10px 0px 0px 0px;
}
#ultimas h1 {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #ddd;
	color: #c00;
	font: 16px/26px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	padding-left: 10px;
}
#buscad {
	width:210px;
	padding: 0 10px;
}

#buscad h1 {
	background: #f8f8f8;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #555;
	font: bold 14px/26px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	padding-left: 10px;
}
#buscad h5 {
	background: #f8f8f8;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ddd;
	color: #555;
	font: bold 14px/26px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	padding-left: 10px;
}
#buscad h5 a {
	text-decoration:none;
}
#buscad .cuadro {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background:#F7F7F7;
	padding: 5px 10px;
}
#buscad .lista {
	width: 190px;
	color: #555;
	border: 1px solid #ccc;
	background: #fff;
}
#buscad .separa {
	height: 10px;
}
#sin {
	border: 1px solid #ffff00;
	background:#FFC;
	color: #F00;
	padding: 8px;
	margin: 10px auto;
	text-align:center; 
	line-height:15px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	width: 650px;
}
.noticia_resumen {
	font-weight:bold;
	margin-bottom:10px;
}

#utilidad {
	width:210px;
	background-color: #F90;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #fff;
	font: bold 14px/26px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	padding: 0 10px;
	text-align:center;
}
#utilidad a{
	color: #fff;
	text-decoration: none;
}
#utilidad_separa {
	height: 50px;
}

#utilidad a:hover{
	color:#DDD;
}