/* CSS Document */



/* =====================
======================

	¿Y la Home?:
	Los estilos para la Home se distinguen por estar precedidos 
	por el selector #containerHome + loque sea 

===================
================== */



body {

	background-image:url(../../picture/fondos_veterinaria/tapiz.jpg);
	background-repeat:repeat;
	background-position:top;
	background-color:#A2CC9A;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

h1 {
	font-size:12px;
}

a {
	outline:none;
}

a:link, a:visited, a:active, a:hover {
	color: #48AC43;
	text-decoration:underline;
}
a:hover {
	color: #48AC43;
	text-decoration:none;
}

a img {border:0px}





ul, li {
	text-indent:0;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul {
	margin:5px 0 15px 10px;
}

li {
	background-image:url(../../picture/fondos_veterinaria/bullet_li.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;
	padding:0 0 0 14px;
}


/*----------------------------------------divs de posicionamiento---------------------------------------*/

#container, #containerHome {
	width: 760px;
	margin: 10px auto auto auto;
	padding: 0px 0px 0px 0px;	
	background-color:#FFFFFF;
	overflow:hidden;
	clear:both;
	position:relative;
	text-align:center;
	}
	
	
#containerHome {
	background-image:url(../../picture/fondos_veterinaria/home_bottom.jpg);
	background-position:bottom left;;
	background-repeat:no-repeat;	
	
	}

#headerBlock {
	margin:0px 0px 0px 0px;	
	text-align:left;
	background-image:url(../../picture/fondos_veterinaria/cupula_sinsl.gif);
	background-repeat:no-repeat;
	background-color:#A7D09F;
	padding:112px 0px 0px 0px;
	
}
#containerHome #headerBlock{
	background-image:url(../../picture/fondos_veterinaria/cupula_home_sinsl.gif);
	background-repeat:no-repeat;
	background-color:#A7D09F;}



#slogan {
	padding:40px 0px 0px 0px;
	text-align:center;
}


/*#leftBlock {
	float:left;
	margin:0px 0px 0px 0px;
	}*/

* html #izqda 
{
	height:250px;
}

#izqda 
{
	text-align:left;
	width:188px;
	color:#FFFFFF;
	border:0px;
	float:left;
	background-color:#48AC43;
	padding:4px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	border-top:4px solid #388734;
	padding:0 5px 0 5px;
	line-height:1.5;
	font-size:12px;
	min-height:250px;
}

#izqda a
{
	color:white;
}




#containerHome #izqda 
{	
	line-height:1.4;
	background-color:transparent;
	border-top:0px solid #388734;
	padding:0px 0px 0px 0px;
	margin:15px 0 0 10px;
	width:188px;
	color:black;
	text-align:left;
	font-size:11px;
	}
* html #containerHome #izqda
{	
	margin-left:5px;
	}
	


#containerHome #izqda  div
{	
	
	border: 1px solid rgb(222, 243, 222); 
	background-image: url(../../picture/fondos_veterinaria/home_izqda_top.jpg); 
	background-repeat: repeat-x; 
	background-position: left top;
	margin-bottom:10px;}

#containerHome #izqda  h1, #containerHome #izqda  h2, #containerHome #izqda  h3, #containerHome #izqda  h4
{	
	font-size:12px;
	color: #48AC43;
	
	}

#containerHome #izqda  h1 a, #containerHome #izqda  h2 a, #containerHome #izqda  h3 a, #containerHome #izqda  h4 a
{	
	color: #48AC43;
	padding-right:13px;
	background-image:url(../../picture/upload/link.gif);
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
	}

#containerHome #izqda  h1  a:hover, #containerHome #izqda  h2  a:hover, #containerHome #izqda  h3  a:hover,
#containerHome #izqda  h4  a:hover
{	
	text-decoration:underline;
	}




#izqda img {
	display:block;
	text-align: center;
	margin:auto auto 5px auto;
	border:0;
}

#izqda img.link {

}

#izqda  p, #izqda  h1, #izqda  h2, #izqda  td, #izqda  h3, #izqda  h4, #izqda  h5, #izqda  h6 {
	margin:0 0 5px 0;
	padding:0 5px 0 5px;

}

/*#izqda  a:link, #izqda a:visited, #izqda  a:hover, #izqda  a:active {
color:white;
text-decoration:none;}

#izqda  a:hover{
text-decoration:underline;

}*/

#containerHome #izqda  a:link, #containerHome #izqda a:visited, 
#containerHome #izqda  a:hover, #containerHome #izqda  a:active {
	color: #48AC43;
}


#mainBlock {
	background-image:url(../../picture/fondos_veterinaria/fondo_izqda.gif);
	background-repeat:repeat-y;
	background-position:top left;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	/*border-top:4px solid #388734;*/
	}
	

	
#containerHome #mainBlock {
	background-image:none;
	background-color:transparent;}

#footerBlock {
	border-width: 1px 0px 0px 0px;
	border-style:dotted;
	border-color:#CCCCCC;
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 3px 0px;
	font: normal 10px Verdana, sans-serif;
	color:#999999;
	bottom:5px;
	clear:both;
	/*background-color:#FFFFFF;*/
}

* html #footerBlock {
	
	padding-top: 0px;
}
#footerBlock *{
	margin:0;
	padding:0;
}

#containerHome #footerBlock {
	margin-top:80px; /*para que quepa la imagen de fondo-bottom del container*/
	border-top:0px;
}


/*------------------------------características del texto principal----------------------------------------*/
/*.maintext {
	padding:0px 0px 0px 0px;
	margin:20px 35px 0px 228px;
}*/


.maintext {
	margin:0px 35px 0px 220px;
	padding:10px 35px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:small;
}

* html .maintext {
	margin-left:220px;
	height:1%;
}

.articleSummary, .maintext p, .articleSummary p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:left;
	margin:5px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.3;
}

#containerHome .articleSummary, #containerHome .maintext p, #containerHome .articleSummary p
{
	margin-bottom:5px;
	
}

.maintext ul {
	line-height:1.3;
	color:#333333;}

.maintext h1 {
	font-size:1.50em;
	color:#83BC78;
	font-weight:normal;
	margin: 0px 0px 4px 0px;
	padding:0px;
}
.maintext h2{
	font-size:1.15em;
	color:#000000;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	padding:0px;
}

#containerHome .maintext h2{
	margin-top:20px;
	color:#83BC78;
}

.maintext h3{
	font-size:1.1em;
	color:#333333;
	font-weight:bold;
	margin: 0px 0px 4px 0px;
	padding:0px;
}
.maintext h4{
	font-size:1.1em;
	color: #333333;
	font-weight:normal;
	margin: 0px 0px 6px 0px;
	padding:0px;
}
.maintext h5{
	font-size:1em;
	color: #333333;
	margin: 0px 0px 6px 0px;
	padding:0px;
}
.maintext h6{
	font-size:1em;
	margin: 0px 0px 6px 0px;
	color:#333333;
	font-weight:normal;
	padding:0px;
}



/*-----------------------------------navegación principal-------------------------------------*/



/*#eso{
	background-color:#48AC43;
	margin: 0px 0px 0px 0px;
	padding:0px;
	height:26px;
}*/


ul.navlist0
{
	clear:both;
	margin: 0px 0px 0px 0px;																																																							
	padding: 0px 0px 0px 215px;
	width:100%;
	background-color:#48AC43;
	overflow:auto;
	display:block;
}

.navlist0 li
{
	display: inline;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	background-image:none;
}



.navlist0 a:hover, .navlist0 a:link,  .navlist0 a:visited
{
	display: block;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:5px 8px 5px 8px;
	color:#CCCCCC;	
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#48AC43;
}


.navlist0 a:hover
{
	color:#5F8A57;
	background-color:#DEF3DE;
}
.navlistActive0 a, .navlistActive0 a:link, .navlistActive0 a:hover, .navlistActive0 a:active, .navlistActive0 a:visited {
	color:#5F8A57;
	background-color:#DEF3DE;
}


/* ***subnav hecha con listas y position absolute. En caso de necesitar volver a la tabla, activar display none *** */

/* este tipo de subnavegacion queda tambien anulada */


/*
ul.navlist0 ul.navlist1 
{
	display:block;
	list-style-type: none;
	position:absolute;
	top:310px;
	left:10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;																																							
	font-size:12px;
}
*/



li.navlistActive1
{
	display:block;
	margin: 0px 0px 0px 48px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	font-size:12px;

}
/*
ul.navlist1 li, ul.navlist1 li a:link, ul.navlist1 li a:hover, ul.navlist1 li a:visited, ul.navlist1 li a:active,
li.navlistActive1, li.navlistActive1 a:link, li.navlistActive1 a:hover, li.navlistActive1 a:active, 
li.navlistActive1 a:visited ,ul.navlist0 li.navlistActive0 ul.navlist1, 
ul.navlist0 li.navlistActive0 ul.navlist1 li, ul.navlist0 li.navlistActive0 ul.navlist1  li a, 
ul.navlist0 li.navlistActive0 ul.navlist1  li a:hover, ul.navlist0 li.navlistActive0 ul.navlist1 li a:link,
ul.navlist0 li.navlistActive0 ul.navlist1 li a:visited, 
ul.navlist0 li.navlistActive0 ul.navlist1 li a:active
{
	margin:0;
	padding:0;
	display: block;
	float:none;}
*/

ul.navlist0 li.navlistActive0 ul.navlist1 li, li.navlistActive1, ul.navlist1 li  {
	margin-bottom:5px;
}
* html ul.navlist0 li.navlistActive0 ul.navlist1, * html ul.navlist0 li.navlistActive0 ul.navlist1 li, 
* html ul.navlist0 li.navlistActive0 ul.navlist1  li a, 
* html ul.navlist0 li.navlistActive0 ul.navlist1  li a:hover, 
* html ul.navlist0 li.navlistActive0 ul.navlist1 li a:link,  
* html ul.navlist0 li.navlistActive0 ul.navlist1 li a:visited, 
* html ul.navlist0 li.navlistActive0 ul.navlist1 li a:active 
* html ul.navlist1 li, ul.navlist1 li a:link, * html ul.navlist1 li a:hover, 
* html ul.navlist1 li a:visited, * html ul.navlist1 li a:active {
	height:1px;}

.navlist1 a:link, .navlist1 a:hover, .navlist1 a:active, .navlist1 a:visited{
	width:15em;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	background-color:transparent;
	font-weight:normal;
	padding:0px 0px 0px 0px;
	font-size: 12px;
	margin:0;
/*display:none;*/
}
.navlistActive1 a:link, .navlistActive1 a:hover, .navlistActive1 a:active, .navlistActive1 a:visited {
	font-weight:bold;
	padding:0px 0px 0px 0px;
	font-size: 12px;
	margin:0;
/*display:none;*/
}
ul.navlist1  a:hover{
	text-decoration: underline;
}
ul.navlist2 {
	display:none;
}

/* anulo esta navegacion */
.navlist0 ul, li .navlistActive0 ul, ul.navlist1 li, ul.navlist1 li a, li .navlistActive0, .subnav0 ul {display:none;}


/*--------------------------------------------------------formulario-----------------------------------------*/

.formLabelRequired, .formLabel {
	padding:5px 10px 5px 0px;
	vertical-align:top;
	font-size:12px;
	color:#5F8A57;}

input, textarea 
{
	border:1px solid #5F8A57;
}

#enviar 
{
	color: #5F8A57;	
	margin: 10px 0px 0px 0px;
	background-color:#DEF3DE;}
	
form td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:left;
	font-size:12px;
}



/* **********************************
idiomas
************************************ */

.idiomas {position:absolute; right:40px; top:0px; width:55px; height:20px; background:url(../../picture/fondos_veterinaria/bg_idiomas.gif); padding:3px 0 0 0px; z-index:300;}
	.idiomas ul {list-style:none; margin:0 0 0 6px;}
	.idiomas ul li {padding:0; background-image:none; display:inline;}
	.idiomas img {border:none;}


