/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:1em;}
html, input, textarea
	{	font-family:Arial; 
		color:#a4a4a4;
	}	


.vam{ vertical-align:middle}
/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}

strong a{color:#535353; text-decoration:underline; font-weight:bold; display:block}
strong a:hover{ text-decoration:none}
h1{ color:#89a583; font-weight:normal; font-size:1.2em; font-style:italic; line-height:1.4em}
h2{color:#89a583; font-size:1.5em; display:block; font-weight:bold; text-align:center; line-height:1.4em}
h3{font-weight:bolder;}
h4{color:#89a583; font-weight:normal; font-size:1.2em; font-style:italic; line-height:1.4em; text-align:right;}
span{ color:#a4a4a4; font-size:1.083em; line-height:1.4em} 
span a{ color:#666; font-weight:bold; font-family:Tahoma; text-decoration:none; font-size:11px} 
span a:hover{ text-decoration:underline}
a{ color:#a4a4a4; text-decoration:underline} 
a:hover{ text-decoration:none}
em{ font-style:normal}


/*-------------------------------------------------------------------------------------------------------------------------LINE*/
.line_y{ background:url(images/bg_line_y.gif) top right repeat-y}
.line_x{ background:url(images/line_x.gif) top left repeat-x}


/*--------------------------------------------------------------------------------------------------------------------------MORE*/
.more{background:url(images/bg_mor.gif)  center left no-repeat; background-position:0 5px; padding-left:12px; vertical-align:middle; color:#434343; font-weight:bold; text-decoration:none}
.more:hover{ text-decoration:underline}

.more_div{ height:23px; width:131px; background:url(images/more_div.gif) top left no-repeat; text-align:center; line-height:22px}
.more_div_1{ height:23px; width:83px; background:url(images/more_div_1.gif) top left no-repeat; text-align:center; line-height:22px}
.more_div_2{ height:23px; width:87px; background:url(images/bg_all_services.gif) top left no-repeat; text-align:center; line-height:22px}
.bg_ckear{ height:23px; width:52px; background:url(images/bg_clear.jpg) top left no-repeat; text-align:center; float:left; padding:0 0 0 5px; line-height:22px}
.bg_send{ height:23px; width:52px; background:url(images/bg_send.jpg) top left no-repeat; text-align:center; float:left; line-height:22px}
.more_form{ padding:0 0 0 178px}

/*----------------------------------------------------------------------------------------------------------------------------UL*/
ul{
	display:block;
	list-style:none;
	margin-top: 20px;
	padding:0;
}
ul li{
	margin:2px;
	padding:0; //Ya no necesito el padding, tambien quitare el borde que puse antes.
	float:left;}
ul li a{
	display:block; //Convertimos el vínculo en un bloque.
	width:100px;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#033;
	background-color:#e9f7e6;}
ul li a:hover{
	color:#FFF;
	background-color:#c3e1c9;}
li.resaltado  a{font-weight:bold; font-size:1.3em; color:#2a378e; background-color:#659800; }
li.resaltado  a:hover{color:#659800; background-color:#2a378e; font-weight:bold;}
ul li.lista{ list-style:circle; margin-left: 50px;
margin-bottom: 20px;}

/*==========================================================================================================================HEADER=======*/
#header {height:553px;}
#header .col1{ height:107px; width:257px; background:url(images/bg_services.gif) top right repeat-y #c2e1c8;}
#header .col1 .indent{ padding:45px 0 0 50px}
#header .col2{ height:107px; width:643px; background:url(images/bg_logo.gif) top right repeat-y #e1f4dd}
#header .col2 a{ color:#868686; text-decoration:none; font-size:0.8125em; font-family:Arial}
#header .col2 a:hover{ text-decoration:underline}
#header .col2 p{ margin:-13px 0 0 98px}
#header .logo{ margin-top:31px }

/*==========================================================================================================================HEADER CLASS=======*/
.header_Call{ height:95px; background:url(images/bg_header_call.gif) top left repeat-y;}
#header .indent{ padding:36px 0px 0 31px}
#header .indent_1{ margin:0 364px 0 0px}

.header_bann{ height:351px; background:url(images/bg_shadow_menu.gif) top left no-repeat; text-align:right}
.indent_bann{ margin:0 0 0 55px; float:right}

.header_logo{ height:107px}



/*===========================================================================================================================CONTENT=======*/
#content{font-size:0.75em; width:100%; text-align:justify;background-color:#FFFFFF}
#content .bg_1{ background:url(images/bg_1.gif) top left repeat-y; padding:0 0 6px 41px}
#content .bg_indent{ padding:0 0 6px 60px}
#content .border{ display:block;margin:auto;margin: 20px 20px 20px 20px}
#content .title{ display:block;margin:0 0 21px 0px}
#content p{
	margin:0px 0px 7px 0px;
}
#content .pic_left{ float:left; margin:0px 19px 0px 0px}
#content .pic_center{ display:block;margin:20px auto}
#content .pic_center_relato{
	display:block;
	margin:20px auto;
	padding-left: 80px;
}
#content .pic{ display:block; margin:0px 20px 16px 0px}
#content .width_100{ width:100%}


/*===========================================================================================================================CONTENT COLS=======*/
#page1 #content .col1 .indent_1{ padding:0 30px 0 43px}
#page1 #content .col1 .indent{ padding:31px 0 0 26px; display:block}
#page1 #content .col1 .noticia{ padding:31px 0 0 0; display:block}
#page1 #content .col2 strong{ color:#89a583; display:block}
#page1 #content .col2 center{ text-align:center; color:#89a583; display:block}
#page1 #content .col2 .box_1{ background:url(images/bg_2.gif) top left repeat-y;}
#page1 #content .col2 .box_1 .indent{ padding:0 0px 10px 42px}
#page1 #content .col2 .box_1 p{ margin:8px 0 27px 0px}

#page1 #content .col2 .box_2{ background:url(images/bg_3.gif) top left repeat-y; color:#787878}
#page1 #content .col2 .box_2 .indent{ padding:0 0 8px 44px}
#page1 #content .col2 .box_2 .indent_1{ padding:0 0 0 109px}



#page2 #content .col1 .indent_1{ padding:0 30px 0 43px}
#page2 #content .col1 .indent{ padding:31px 0 0 26px; display:block}
#page2 #content .col1 p{ margin:20px 0 0 0px}
#page2 #content .col2 p{ margin:8px 0 0 0px}
#page2 #content .col2 strong{ color:#89a583; display:block}
#page2 #content .col2 .box_1{ background:url(images/bg_2.gif) top left repeat-y;}
#page2 #content .col2 .box_1 .indent{ padding:0 30px 10px 41px}
#page2 #content .col2 .box_1 p{ margin:8px 0 24px 0px}
#page2 #content .col2 .box_2 .indent{ padding:58px 0 0 0px}
#page2 #content .col2 ul li{list-style:square;}



#page3 #content .col1 .indent{ padding:43px 30px 0 43px}
#page3 #content .col1 p{ margin:24px 0 0 0px}
#page3 #content .col1 strong{ color:#89a583; display:block}

#page3 #content .col2 strong{ color:#535353; display:block}
#page3 #content .col2 p{ margin:1px 0 34px 0px}
#page3 #content .col2 a{ color:#535353; text-decoration:underline}
#page3 #content .col2 a:hover{ text-decoration:none}



#page4 #content .col1 .indent_1{ padding:0 30px 0 43px}
#page4 #content .col1 .indent{ padding:31px 0 0 26px; display:block}
#page4 #content .col1 p{ margin:21px 0 21px 0px}
#page4 #content .col1 b a{ color:#535353; text-decoration:underline; font-weight:normal}
#page4 #content .col1 b a:hover{ text-decoration:none}

#page4 #content .col2 strong{ color:#89a583; display:block}
#page4 #content .col2 p{ margin:8px 0 0px 0px}
#page4 #content .col2 b a{ color:#535353; text-decoration:underline; font-weight:normal}
#page4 #content .col2 b a:hover{ text-decoration:none}
#page4 #content .col2 .bg_2{ background:url(images/bg_2.gif) top left repeat-y;}
#page4 #content .col2 .bg_2 .indent{ padding:0px 30px 0 42px}
#page4 #content .col2 .bg_2 p{ margin:8px 0 27px 0px}
#page4 #content .col2 .bg_2 strong{ color:#89a583; display:block}



#page5 #content .col1 .indent_1{ padding:47px 30px 0 43px}
#page5 #content .col1 p{ margin:25px 0 9px 0px}
#page5 #content .col2 .box_1{ background:url(images/bg_2.gif) top left repeat-y;}
#page5 #content .col2 .box_1 .indent{ padding:0 0px 10px 42px}
#page5 #content .col2 .box_1 p{ margin:8px 0 27px 0px}

#page5 #content .col2 .box_2{ background:url(images/bg_3.gif) top left repeat-y; color:#787878}
#page5 #content .col2 .box_2 .indent{ padding:0 0 8px 44px}
#page5 #content .col2 .box_2 .indent_1{ padding:0 0 0 109px}



#page6 #content .col1 .indent_1{ padding:47px 30px 0 43px}
#page6 #content .col1 p{ margin:6px 0 15px 0px}
#page6 #content .col2 span{ line-height:normal}
#page6 #content .col2 .bg_1{ font-size:1.083em}
#page6 #content .col2 .bg_2{ background:url(images/bg_2.gif) top left repeat-y;}
#page6 #content .col2 .bg_2 .indent{ padding:0px 0px 0 41px}
#page6 #content .col2 .bg_2 p{ margin:8px 0 27px 0px}
#page6 #content .col2 .bg_2 strong{ color:#89a583; display:block}

#page7 #content .col2 .bg_1{ font-size:1.083em}

.contacts_box { width:200px; float:left;}
.fright { float:right;}
.link1 { color:#89a583; text-decoration:none;}


#page7 #content .indent{ padding:47px 30px 0 43px}
#page7 #content p{ margin:0 0 16px 0px}


/*============================================================================================================================FOOTER=======*/
#footer { height:166px; font-size:0.75em; font-family:Arial}
#footer .col1{ width:257px; background:#e9feb4; color:#9f9f9f}
#footer .col1 a{ color:#9f9f9f; text-decoration:underline}
#footer .col1 a:hover{ text-decoration:none}
#footer .col1 .indent{ padding:10px 0px 30px 0px}

#footer .col2{ width:643px;}
#footer .col2 a{ color:#9d9d9d; text-decoration:none; font-size:1.25em; margin:0 19px 0 19px}
#footer .col2 a:hover{ color:#a2bd9c; text-decoration:underline}
#footer .col2 span a{ color:#a2bd9c; text-decoration:underline; font-family:Arial; font-weight:normal; margin:0 10px 0 0px}
#footer .col2 span a:hover{ color:#9d9d9d; text-decoration:none}
#footer .col2 strong a{ color:#9d9d9d; text-decoration:none; font-family:Arial; font-weight:normal; margin:0 10px 0 0px; display:inline}
#footer .col2 strong a:hover{ color:#9d9d9d; text-decoration:underline}
#footer .col2 .indent{ padding:101px 0 0 38px}


/*============================================================================================================================FORM=======*/

.h_f{ height:31px;}
.h{ height:21px; width:268px; margin:0px; padding:0px}


input{
   background:#ffffff;
   border:1px solid #a4a4a4;
   font-family:Tahoma;
   color:#000066;
   font-size:1em;
   font-family:Arial
}
textarea{
   background:#ffffff;
   border:1px solid #a4a4a4;
   width:287px; height:83px;
   font-family:Arial;
   color:#a4a4a4;
   font-size:1em;
   overflow:auto;
   margin:0 0 27px 0px}
.notapie {font-style:italic; font-size:.9em; color:#89a583;}
.esterilizaciones {border:none; border-collapse:collapse; font-size:1em; line-height:1.5em; padding:.2em .3em .2em 1em; color:#a4a4a4;  vertical-align:top; text-align:center; background-color:#FFC;}
table,td {border:none; border-collapse:collapse; font-size:1em; line-height:1.5em; padding:.2em .3em .2em 1em; color:#a4a4a4;  vertical-align:top; text-align:center;}
.tabla-justificado{font-size:1em; text-align:justify;}
table tr strong{font-weight:bold; font-size:1.5em;}
table tr .urgente{font-weight:bold; font-size:1.5em; color:#F00;}
.separacion1{background-color:#F1EFCF; font-size:.6em;}
.enfasis1{background:#5E5E00; color:#FFF; text-align:center; font-weight:bold;}
.enfasis2{border-right:1px solid #5E5E00;}
.enfasis3{border-bottom:1px solid #5E5E00; text-align:center;}
.enfasis4{border-top:1px solid #5E5E00; text-align:center;}
table .rosita {color: #F6F; font-weight:bold;
}
table .azulado {color:#09F; font-weight:bold;
}
table .rojo {
	color:#900;
	font-weight:bold;
}
.negritas {
	font-weight: bold;
	color: #89a583;
}
.relato {
	color:#89a583;
	text-indent: 20px;
	padding-left: 30px;
}
.borde
{border-top:solid; border-color:#900; }