/* - - - - - - - - - - - - - - - - - - - - -

TÌtulo		: SANTA CLARA
URL 		: www.santaclara.com.py

Creado 		:	18 de Enero, 2007

- - - - - - - - - - - - - - - - - - - - - */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
	font-size: 11px;
}
body,td,th {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #676767;
	line-height: 17px;
}


/*****************************************************/
/*  TIPOGRAFIAS                            			 */
/*****************************************************/

h1 { 
	color:#304257;
	font-size: 20px;
	font-family: "Lucida Grande", "MS Trebuchet", Arial;
	margin:0px;
}

#interna h1 { 
	color:#304257;
	font-size: 20px;
	font-family: "Lucida Grande", "MS Trebuchet", Arial;
	margin-bottom:15px;
}

#interna #columna2 h1 { 
	color:#304257;
	font-size: 16px;
	font-family: "Lucida Grande", "MS Trebuchet", Arial;
	margin-bottom:15px;
}

h1.verde { 
	color:#304257;
}

h2.noticias, h2.noticias a { 
	margin-bottom:7px;
	
}

h2 { 
	color:#304257;
	font-size: 10px;
	font-family: "Lucida Grande", "MS Trebuchet", Arial; 
	margin:7px 0px 7px 0px;
}

h2.noticias, h2.noticias a  { 
	margin:0px 0px 7px 0px;
	text-decoration:none;
	border:none;
}

h3.noticia, h3.noticia a { 
	margin-bottom:7px;
	
}

h3 { 
	color:#304257;
	font-size: 9px;
	font-family: "Lucida Grande", "MS Trebuchet", Arial; 
	margin:7px 0px 7px 0px;
}

h3.noticia, h3.noticia a  { 
	margin:0px 0px 7px 0px;
	text-decoration:none;
	border:none;
}

body#galeria #interna h2 { 
	margin-bottom:15px;
}

h3 { 
	color:#3399cc;
	font-size: 14px;
	font-family: "Lucida Grande", "MS Trebuchet", Arial;
	margin:7px 0px 0px 0px;
}

p { 
	margin:0px;	
}


a { 
	color:#304257;
	text-decoration:none;
	border-bottom:1px dotted #304257;
}


a:hover { 
	border-bottom:1px solid #304257;
}

a.serv { 
	color:#304257;
	/*float: right;*/
	border-bottom:none;
}

a.serv:hover { 
	color:#304257;
	border-bottom:none;
}

span.tit { 
	color:#304257;
	font-size: 14px;
}

span.noticias { 
	color:#676767;
	font-size: 10px;
	background: url(../gfx/backs/arrow.gif) no-repeat left 50%;
	padding-left:20px;
}

/*****************************************************/
/*  LAYOUT                           	    		 */
/*****************************************************/

#wraper {
	width: 907px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*****************************************************/
/*  HEADER                             				 */
/*****************************************************/


#header { 
	background: url(../gfx/backs/header_back.gif) repeat-x;
	height: 151px;
	margin-bottom:14px;
}

#header a { 
	border:none;
}

#right { 
	width: 678px;
	padding-top:60px;
	float:left;
}

/******  MENU  ******/

#menu { 
	height: 33px;
	clear:both;
}

#menu ul { 
	margin:0px;
	padding:0px;
	float:right;
}

#menu li { 
	list-style-type: none;
	float:left;
	margin-left:5px;
}
#menu li a { 
	font-size: 14px;
	color:#fff;
	padding:10px 4px 9px 4px;
	display:block;
	border-bottom:none;
	background: url(../gfx/backs/menu_back.gif) repeat-x;
}

#menu li a:hover { 
	background: url(../gfx/backs/buttom_over.gif) repeat-x;
}

body#inicio a#inicio_menu, body#guiamed a#guiamed_menu, body#turnos a#turnos_menu, body#guia a#guia_menu, body#farmacias a#farmacias_menu, body#actualizacion a#actualizacion_menu,  body#pago a#pago_menu,body#contactos a#contactos_menu { 
	background: url(../gfx/backs/buttom_on.gif) repeat-x;
	color:#3399cc;
	cursor:default;
}

/*****************************************************/
/*  PRINCIPAL                            			 */
/*****************************************************/


/******  MAIN ******/
#principal { 
	clear:both;
	margin-bottom:30px;
}

#main { 
	width: 600px;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
}

#main div#preventiva { 
	width: 270px;
	margin-top:30px;
	margin-right:60px;
	float:left;
}

#main div#consejos { 
	width: 270px;
	margin-top:30px;
	float:left;
}


/******  SERVICIOS ******/

#principal div#servicios h1 { 
	color: #fff;
	margin-left:15px;
	margin-bottom:5px;
}

#principal div#servicios { 
	width: 277px;
	padding-top:5px;
	float:left;
	background: url(../gfx/backs/servicios_back.gif) repeat-x;
	margin-bottom:30px;
}

#principal div#servicios .text { 
	padding:13px;
	border: 2px solid #3399cc;
}

#principal div#servicios .text p { 
	padding:0px 80px 14px 0px;
	clear:both;
}

#principal div#servicios .text p.reserva { 
	background: url(../gfx/images/reserva_turno.jpg) no-repeat right 50%;
	border-bottom: 1px solid #3399cc;
	margin-bottom:15px;
}

#principal div#servicios .text p.pague { 
	background: url(../gfx/images/pague_cuota.jpg) no-repeat right 50%;
	border-bottom: 1px solid #3399cc;
	margin-bottom:15px;
}

#principal div#servicios .text p.telefonos { 
	/*background: url(../gfx/images/emergencia.jpg) no-repeat right 50%;*/
	padding:0px 0px 0px 0px;
}

#principal div#servicios .text img { 
	float:right;
	margin-left:15px;
}

/******  BOTTOM ******/

#bottom { 
	clear:both;
}

#galery { 
 	width: 400px;
	padding: 40px 22px 0px 0px;	
	margin-right:22px;
	border-right: 1px dashed #3399cc;
	background: url(../gfx/backs/h1_babygalery.jpg) no-repeat;
	float:left;
 }

#galery img { 
	padding:4px 7px 4px 7px;
	background-color: #c8fffc;
	float:left;
	margin-right:15px;
}

#galery img:hover { 
	background-color: #fad8ff;	
}

#abonados_block { 
 	width: 460px;
	padding-top:40px;
	background: url(../gfx/backs/h1_abonados.jpg) no-repeat;
	float:left;	
 }

#abonados_block .block { 
	width: 146px;
	float:left;
}

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

#abonados_block li { 
	list-style: none;
	margin-bottom:6px;
	background: url(../gfx/backs/bullet.gif) no-repeat left 50%;
	padding-left:16px;
}

#abonados_block li a { 
	text-decoration:none;
	color:#676767;
	border-bottom:1px dotted #304257;
}

#abonados_block li a:hover { 
	color:#304257;
	text-decoration:none;
	border-bottom:1px solid #304257;
}

/******  BOTTOM2 ******/

#bottom #planes { 
 	width: 282px;
	margin-right:30px;
	float:left;
	padding-top:30px;
	background: url(../gfx/backs/h1_planes.jpg) no-repeat;
}

#bottom #articulos { 
 	width: 282px;
	margin-right:30px;
	float:left;
	padding-top:30px;
	background: url(../gfx/backs/h1_articulos.jpg) no-repeat;
}
 
#bottom #conozca { 
 	width: 282px;
	float:left;
	padding-top:30px;
	background: url(../gfx/backs/h1_conozca.jpg) no-repeat;
}

#bottom #testimonios { 
 	width: 282px;
	margin-right:30px;
	float:left;
	padding-top:30px;
	background: url(../gfx/backs/h1_testimonios.jpg) no-repeat;
}

#bottom #test { 
 	width: 282px;
	margin-right:30px;
	float:left;
	padding-top:30px;
	background: url(../gfx/backs/h1_test.jpg) no-repeat;
}

#bottom #conozcasta { 
 	width: 282px;
	float:left;
	padding-top:30px;
	background: url(../gfx/backs/h1_info.jpg) no-repeat;
}

#bottom #col1 { 
 	width: 282px;
	margin-right:30px;
	float:left;
	padding:10px 10px 0px 30px;
}

#bottom #col2 { 
 	width: 282px;
	margin-right:30px;
	float:left;
	padding:10px 10px 0px 10px;
}

#bottom #col3 { 
 	width: 282px;
	float:left;
	padding:10px 10px 0px 10px;
}
/*****************************************************/
/*  MIDDLE                               			 */
/*****************************************************/

#middle { 
	height: 300px;
	background: url(../gfx/backs/middle_back.gif) repeat-x;
}

#middle #wraper { 
	padding:30px 30px 0px 30px;
	height: 240px;
}

#middle h1.title { 
	color:#fff;
	height: 20px;
	padding-left:30px;
	background: url(../gfx/backs/h1_middle.gif) no-repeat;
	display:block;
	margin-bottom:5px;
}

#middle span.tit { 
	color:#304257;
	font-size: 14px;
}

#middle ul { 
	margin:0px;
	padding:0px;
}

#middle li { 
	list-style: none;
}


/******* PLANES ********/


#middle #planes { 
	width: 240px;
	margin-right:30px;
	float:left;
}

#middle #planes a { 
	width: 230px;
	padding:20px 0px 18px 10px;
	border-bottom:1px solid #3399cc;
	display:block;
	color:#fff;
}

#middle #planes a:hover { 
	background-color:#49a6b1;
	cursor:default;
}



/******* AREAS ********/

#middle #areas { 
	width: 540px;
	padding-left:29px;
	border-left: 1px dashed #3399cc;
	float:left;
}

#middle #areas h1.title { 
	margin-bottom:20px;
}

#middle #areas ul { 
	float:left;
	width: 240px;
}

#middle #areas a { 
	width: 230px;
	padding:8px 0px 8px 10px;
	border-bottom:1px solid #3399cc;
	display:block;
	color:#fff;
}

#middle #areas a:hover { 
	background-color:#49a6b1;
	cursor:default;
}



/*****************************************************/
/*  INTERNA                              			 */
/*****************************************************/
#interna { 
	clear:both;
	margin-bottom:30px;
}

#interna p { 
	line-height: 22px;
}

#interna #columna1 { 
	width: 550px;
	margin-right:30px;
	float:left;
}

#interna #columna2 { 
	width: 325px;
	float:left;
}

#interna #columna_all {
	width: 875px;
	padding: 0px 15px 0px 15px;
}

#interna #columna2 li { 
	list-style: none;
	margin-bottom:3px;
	background: url(../gfx/backs/bullet.gif) no-repeat left 50%;
	padding-left:16px;
}

#interna img { 
	padding:4px 4px 4px 4px;
	background-color: #c8fffc;
	float:left;
	margin:0px 15px 10px 0px;
}

#interna img.noflotar { 
	float:none;
	margin:0px;
}

#carta p { 
	line-height: 14px;
}

/******** GALERIA *********/

body#galeria #interna div.bloque_galeria { 
	padding-bottom:15px;
	border-bottom:1px dotted #304257;
	margin-bottom:15px;
	clear:both;
}

body#galeria #interna img { 
	padding:4px 4px 4px 4px;
	background-color: #c8fffc;
	float:left;
	margin:0px 15px 15px 0px;
}


body#galeria #interna img:hover { 
	background-color: #fad8ff;	
}

body#galeria #interna div.foto_principal { 
	margin-bottom:15px;
	padding-bottom:14px;
	border-bottom:1px dotted #304257;
}


body#galeria #interna div.foto_principal img { 
	float:none;
}


/*****************************************************/
/*  FOOTER                              			 */
/*****************************************************/


#footer { 
	height: 150px;
	background-color:#304257;
	color:#fff;
}

#footer #wraper { 
	padding:30px 0px 0px 0px;
}

#footer a { 
	color:#fff;
	border:none;
}

#footer a:hover { 
	color:#000;
}

#footer span.tit { 
	color:#fff;
}


#footer .nos { 
	width: 157px;
	padding:39px 0px 0px 23px;
	/*background: url(../gfx/backs/logonos.jpg) no-repeat;*/
	margin-right:60px;
	float:left;
}

#footer .newsletter { 
	width: 160px;
	margin-right:60px;
	float:left;
}

#footer .trabaja { 
	width: 160px;
	float:left;
}

#footer .copyright { 
	width: 205px;	
	float:right;
	text-align: right;
}