@import url('base.css');

html {
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	background:#004600 url(../img/cabecerafondo.jpg) repeat-x;
}

body{
	line-height:20px;    
}
a{
    font-family:Times new roman,Tahoma,Arial,Verdana;
	text-decoration: none;
	color: #0c0;
}
a:hover{
	text-decoration: underline;
    color:#0c0;
}
a .textoverde{
    color:#0c0;
    font-size:12px;
    font-family:none;
}
h1{
	font-size: 20px;
	padding: 15px 0;
}
h2{

}

h4{
color:#333;

margin-top:30px;
}
tr,th,td {
	padding: 3px;
}
input, select, textarea{
	border: 1px solid #ccc;
	background-color: #f6f6f6;
}
input:hover, select:hover, textarea:hover{
	border: 1px solid #7DB83B;
}
input:focus, select:focus, textarea:focus{
	background-color: #fff;
	border: 1px solid #7DB83B;
}

dd{
margin:15px 0;
margin-left:120px;

}

dt{
float:left;
}

p{
margin-bottom:20px;
}

button{
    background:#060;
    color:#fff;
    font-weight:bold;
}

/*--- Estructura ---*/
#page{
	
}
#main {
    width:1270px; 
/*    padding: 20px 20px 50px;*/
}

#col1 { 
    line-height:14px;
    margin-top:30px;
    font-size: .92em;
    text-align:right;     
}  
#col2 {
    width:682px;
    margin:0px auto;/*para modificar la alineación del bloque hay que modificar las propiedades de la capa contenido*/
   /* background:#fff url(../img/trans-arriba.png) repeat-x;*/
    border:1px solid #d1d1d1;/*nota!! el borde corrige desajustes de maquetación, estos desajustes no se por qué suceden*/
    background:#fff;
    padding:50px 0 34px 0;
}
#col2 {
  min-height:732px;
  height:auto !important;/*hack para conseguir que el min-height funcione en explorer*/
  height:732px;
} 
#col3 { 
    margin-top:-73px;
    margin-right:30px;
    width: 280px; 
    float: right;
}

/*--- header ---*/
#header{
	height:233px;
    width:1270px;
/*	background-color: #fff;*/
	text-align: center;
	color:#000;
    margin-top:0;
}
#header h1{
 float:left;
  margin-top:5px;
    margin-left:5px;
}
#header img{
}

#header a{
	color:#fff;
}
.mensaje_log{
background-color:#333;
}
/*--- footer ---*/
#footer {
    height:20px;
    width:648px;
    margin-top:-160px;
    margin-left:295px;
	text-align:center;
	color: #fff;
}
#footer ul{
    font-family:Tahoma;
    font-size:.72em;
    color:#99b599;
    list-style:none;
}
#footer li{
    display:inline;
    float:left;
    margin:0 2px;
}
#footer a{
	color: #99b599;
}
#footer a:hover{
	text-decoration: underline;
    color:#fff;
}

/*--- barra de menú ---*/
#nav{
    font-family:Tahoma;
    width:595px;
    height:40px;
    margin-top:35px;
    margin-left:84px;
    float:left;
    background:url('../img/menu.jpg');
}
#nav ul{
    color:#fff;
    font-size:1em;
    letter-spacing:1px;
    font-weight:bold;
    list-style:none;
    margin-top:9px;
    margin-left:9px;
    width:567px;
}
#nav li{
    display:inline;
    border-left: 1px solid #fff;
    padding-left:10px;
    padding-right:7px;
}
#nav a:hover, #nav .act a{
   color:#00fc32;
}


/*--- Lateral izq ---*/
.contenido2 h2{ 
    width:160px;
    height:20px; 
    letter-spacing:0px;
    font-weight:bold;
    background: #fff url('../img/lateral.jpg') no-repeat;    
    padding:8px 6px 4px 9px;
    float:right;
}
.contenido2 h2 a{
    font-family:Tahoma;
    font-size:.92em;
    color:#fff;     
}
#col1 #noticias{
    height:700px;
}
#col1 #noticias h3{
    letter-spacing:-1px;
    width:170px;
    font-weight:normal;
    margin-top:6px;
    margin-right:12px;
    padding-right:9px;
    color:#fff;    
    float:right;
    background:#004600;
}
#col1 h4{
    font-size:.83em;
    margin-top:20px;
    margin-right:13px;
    width:140px;
    float:right;
    color:#000;
}
#col1 h4 a{
    font-size: 1em;
    color:#000;
}
#col1 img{
    border: 1px solid #999;
    padding:2px;
    margin-top:5px;
    margin-right:13px;
}
h2 a.act{
   color:#00fc32;    
}

#col2 h2{
    font-family:georgia;
    font-size:2.17em;
    font-weight:normal;
    padding:0px 0 9px 20px;
    margin-left:auto;
    margin-right:auto;
    border-bottom:2px solid #b3b3b3;
    width:600px;
}
#col3{
    
}
#col3 ul{
    width:290px;
    list-style:none;
    color:#fff;
    
}
#col3 li{
    text-align:center;
    line-height:14px;
    display:inline;
    float:left;
    margin:auto 7px;
}
#col3 li p{
    margin-top:5px;
    font-size:.75em;
    /*width:75px;    */
}
#col3 #opciones_tabla{
	text-align: right;
	line-height:230%;
}

/* -------------------- Mensajes del admin ---------------- */

.e input, .e textarea, .e select, .e table{
	border-color: #FFA061;
}
#nota{
	margin:10px 0px;
	padding:5px;
	padding-left:27px;
}
.error{
	background: #fcc url('../img/cancel.png') no-repeat 5px 3px;
	color:#000;
}
.nota{
	background: #9f6 url('../img/tick.png') no-repeat 5px 3px;
	color:#000;
}

/* -------------------- Tablas mostrar ---------------- */

.mostrar { 
	border-collapse: collapse;
	border: 0px solid #666;
	width: 100%;
}
.mostrar thead th{
	text-align:left;
}
.mostrar tbody tr:hover {
	background-color: #e9e9e9;
}
.mostrar a:hover {
}
.mostrar thead th {
	font-size: 100%;
	background-color: #f5f5f5;
	height: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}
.mostrar td {
	border-bottom: 1px solid #dadada;
	vertical-align:top;
	padding:4px 0px;
}
.mostrar .accion{   
    width:50px;
    text-align:right;
}

.mostrar img:hover{
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
}

.mostrar .no_img{
    filter:alpha(opacity=40);
    -moz-opacity:.40;
    opacity:.40;
}

.mostrar .no_file{
    filter:alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
}

.ajusta_margen{
margin-bottom:-3px;
}

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

.formulario{ 
	width:100%;
	margin:20px 0px;
}
.formulario input, .formulario textarea, #formulario textarea{
	width:100%;
	margin-right:5px;
}
.formulario_botones{
	padding: 10px 130px;
}

#modulo_buscar{
text-align:center;margin:30px 0;
}

#buscador{
	display:inline;
}

.buscar{

margin-left:4px;

}


.formulario caption{
	text-transform: uppercase;
	color: #68b;
	border: 1px solid #68b;
	font-weight: bold;
	text-align: left;
	margin: 20px 0;
	padding: 3px;
	display:none;
	visibility:hidden;
}

.formulario td, th{
width:300px;
}

.formulario tr, td{


}

.formulario tbody th {
	text-align:right;
	padding-top:6px;
	vertical-align: top;
	width:100px;
	font-weight:normal;
}
.formulario .td_error {
	color: #FFA061;
	background-color:#fff;
	padding-top:6px;
	vertical-align: top;
	font-size:9px;
	text-align:left;
	width:270px;
}
.x{ color: #060; margin: 0 3px; font-weight:bold;}

.formulario .date{width:80px}
.formulario .time{width:60px}
.formulario .traducir{width:284px;} /*300 - 16*/
/* -------------------- Botones ---------------- */

.formulario_botones{
	padding: 10px 130px;
}


#buscador{
	display:block;text-align:center;margin:30px 0;
}

.buscar{

margin-left:4px;

}
/*----------------SECCIONES-----------------*/

/*-------------PORTADA---------------*/
#portada{
    margin-top:20px;
    margin-left:30px;
   
}
#portada h3{
    font-size:1.20em;
    font-family:Arial,Verdana,sans-serif;
}
#portada ul{

    /*margin:0 auto;*/
    list-style:none;
    overflow:hidden;
}
#portada li{
    width:312px;
    float:left;
    text-align:center;
    overflow:hidden;
}
#portada p{
    width:610px;
    font-family:Arial,sans-serif;
    color:#707070;
/*    margin:0px auto;*/
}

/*-------------ESTANDAR---------------*/
#col2 .textoestandar{
    margin-top:20px;
    margin-left:30px;
    margin-right:40px;
    font-family:Arial,sans-serif;
    color:#707070;
}
#col2 p.P3{
    margin-top:30px;
}
#col2 .T1{
    font-weight:bold;
}

/*-------------NUESTRO ENTORNO---------------*/
#col2 #inicio{
    width:682px;
    margin-top:20px;
    background:#fff;  
}
#col2 #inicio  img{
    margin-top:2px;
    float:left;

}
.texto{
    color:#707070;
    width:365px;
    font-family:Arial,sans-serif;
    text-align:justify;
    margin-top:30px;
    margin-left:290px;
}

/*-------------CAMADAS---------------*/
#col2 #camadas{
    width:682px;
    margin-top:20px;
    background:#fff; 
}
#col2 #camadas h3{
    font-size:1.17em;
    margin-left:30px;
    margin-bottom:20px;
}
#col2 #camadas ul{
    width:600px;
	margin: 0 auto;
	padding: 0;
    overflow: hidden;
    text-align: left;

}
#col2 #camadas ul li{
    width: 244px; 
    height: auto;
	list-style: none;
	float: left;
	padding: 0;
    margin-left:10px;
	
	overflow: hidden;
}
#col2 #camadas li h4{
    text-transform:capitalize;
    width:240px;
}
#col2 #camadas li img{
    padding:4px;
    border:1px solid #ccc;
}
#col2 #camadas ul li#corazon{
    width:60px;
    height: auto;
	list-style: none;
	float: left;
	padding: 0;
    margin-top:70px;
    margin-left:10px;
	overflow: hidden;
}
#col2 #camadas ul li#corazon img{
    border:0; 
}
#col2 #camadas #listacamadas{
}
#col2 #camadas #listacamadas ul{
    width:auto;
    margin-top:20px;
    margin-left:40px;
    list-style:circle;
    
}
#col2 #camadas #listacamadas ul li{
    width:auto;
    float:none;
    margin-top:5px;
}
#col2 #camadas #listacamadas ul li a{
    font-size:1.15em;
    color:#0c0;
    font-weight:bold;
}
#col2 #perros{
    width:682px;
    margin-top:20px;
    background:#fff; 
}
#col2 #perros ul{
    width:600px;
	margin: 0 auto;
	padding: 0;
    overflow: hidden;
    text-align: left;

}
#col2 #perros ul li{
    width: 275px; 
    height: auto;
	list-style: none;
	float: left;
	padding: 0;
    margin-left:10px;
	
	overflow: hidden;
}
#col2 #perros li h3{
    width:240px;
}
#col2 #perros li img{
    padding:4px;
    border:1px solid #ccc;
}

#col2 #cachorros{
    margin-top:20px;
}

#col2 #cachorros ul{
	margin: 0 auto;
	padding: 0;
    overflow: hidden;
    text-align: left;
}
#col2 #cachorros ul li{
    width: 84px; 
    height: 110px;
    font-weight:bold;
	list-style: none;
	float: left;
	padding: 0;
    margin-bottom:15px;
	
	overflow: hidden;
}

/*--------ENLACES--------*/
#enlaces{
    margin-top:20px;
	overflow: hidden;
}
#enlaces h3{
    margin-top:25px;
    color:#000;
}
#enlaces img{
    float:left;
}
#enlaces #contenido{
    width:317px;
    float:right;
    margin-right:50px;
    line-height:25px;
    font-size:.92em;
    font-family:Tahoma;
    color:#707070;
}
#enlaces #contenido img{
    padding-right:5px;
    padding-top:10px;
}
#enlaces #contenido a{
    font-size:1.17em;
}
/*--------FOTOS--------*/
#col2 #fotos{
    margin-top:20px;
    margin-left:52px;
}
#col2 #fotos ul{
	margin: 0 auto;
	padding: 0;
    overflow: hidden;
    text-align: left;
}
#col2 #fotos ul li{
    width: 84px; 
    height: 115px;
    font-weight:bold;
	list-style: none;
    line-height:11px;
    font-size:.82em;
	float: left;
	padding: 0;
    margin-bottom:15px;
	
	overflow: hidden;
}
#col2 #fotos ul li .casilla{    
    width:74px;    
    height:74px;
    overflow:hidden;
}
/*--------CONTACTO--------*/
#contacto{

    margin-top:20px;
    margin-left:30px;
    font-family:Arial;
    color:#707070;
}
#contacto dt{
    font-weight:bold;
}
/*--clases especiales--*/
#infoempresa{
    position:absolute;top:67px;left:969px;
    width:300px;
    height:200px;
    line-height:11px;
    font-family:Arial;
    font-size:.83em;
    color:#b3b3b3;
}
#infobox{
    position:absolute;top:10px;left:447px;
    text-align:right;
    width:222px;
    color:#0a0;
}
#infobox img{
    margin-bottom:-4px;
}
#infobox a{
    font-size:1.09em;
    line-height:25px;

    font-weight:bold;
    color:#0c0;
}
.textoverde{
    color:#0c0;
    font-size:12px;
    font-family:none;
}
.textoverde img{
    border:0;
}


/*---cajas echas con css para los degradados---*/
.contenido{
    background: url(../img/degradadoback.png);
    width:698px;/*682 + 16 pixeles de degradado*/
    margin-left:265px;
    position:relative;top:-162px;/* El position relative es para orientar los elementos 
                                internos y la orientación es para orientar col2 dentro de la capa main */
}
.contenido2{
    float: left;
    margin-top:-94px;
    margin-left:60px;
    width: 212px;/*204 + 8 pixeles el degradado*/
    height:735px;
    background:#fff url(../img/degradadoback2.png) repeat-y;
    position:relative;
}
img.lateralizq{
    position:absolute;top:-2px;right:0px;
}
img.lateralder{
    position:absolute;top:-7px;left:0px;/*esta imagen formará parte del fondo de col 1*/
}
img.lateralizq2{
    position:absolute;top:-3px;left:0px;
}
.topdeg{
    height:5px;
    background:url(../img/degradadosup.png) repeat-x;
}
.bottomdeg{
    height:9px;
    background:url(../img/degradadoinf.png) repeat-x;
}