@charset "utf-8";
*, objet { margin:0; padding:0; }
caption, th, td { text-align:left; }
table, td, th, p img, input, li img, .smilie { vertical-align: middle; }
img { border:none; max-width:100%;}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	text-align: center; 
	color: #000000;
	}

h3, h4, h5, h6 {margin:10px 0px}
h1 {
	color:#F00;
	font-size:115%;
	width:auto; }
.estiloTitulo01 {
	background:url(../images/fondoTituloRojo.gif) no-repeat	;
	color:#FFF;
	text-align:center;
	
	}
h2 { }

h3 { }
h4 {font-size:12px}
h5 {font-size:10px}
h6 {font-size:8px}
p {margin:10px; font-size:12px; line-height:20px; text-align:justify;}


/*
===========================================================================================================
CLASES GENERALES
===========================================================================================================
*/
.cajasTitulo{
	background:url(../images/fondotituloboton.gif) no-repeat;
	width:170px;
	height:27px;
	text-align:center;
	padding:7px 0 0 0px;
	margin:10px 0;
	vertical-align:middle;
	color:#F00;
	}
.cajasTitulo h2{font-size:18px;	}

.fltrt { 
	float: right;
	margin-left: 8px;
	}
.fltlft { 
	float: left;
	margin-right: 8px;
	}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

/*
===========================================================================================================
CAJA CONTAINER
===========================================================================================================
*/
.thrColFixHdr #container {
	width: 960px;
	margin: 20px auto 0 auto;
	text-align: left;
	} 

/*
===========================================================================================================
CAJA HEADER
===========================================================================================================
*/
.thrColFixHdr #header {
	height: auto;

	} 
.thrColFixHdr #header #boxFlash{ width:960px; height:auto; }
.thrColFixHdr #header #boxMenu{
	background:url(../images/fondoCajaMenu.png) repeat-y;
	width:960px;
	height:26px;
	}

/*
===========================================================================================================
CONTENEDOR MAINCONTENT - SIDEBAR1 - SIDEBAR2
===========================================================================================================
*/
.thrColFixHdr #contenCuerpo{
	width:auto;
	min-height:380px;
	background-image:url(../images/fondocuerpo.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#DEDEDE;
	}

/*
===========================================================================================================
CAJA SIDEBAR 1
===========================================================================================================
*/
.thrColFixHdr #sidebar1 {
	float: left;
	width: 170px;
	padding: 0px 10px 15px 10px;

	}

/*
===========================================================================================================
CAJA SIDEBER 2
===========================================================================================================
*/
.thrColFixHdr #sidebar2 {
	float: right;
	width: 170px;
	padding: 0px 10px 15px 10px;
	margin-bottom: 20px;
	}

/*
===========================================================================================================
CAJA MAINCONTAINER
===========================================================================================================
*/
.thrColFixHdr #mainContent { 
	margin: 0px 200px 10px 200px; 
	padding: 10px 10px 0 10px; 
	}
.thrColFixHdr #mainContent .titulo01{
	font-size:16px;
	color:#F00;
	line-height:25px;
	text-align:center;
	margin: 0 0 15px 0px
	}
.thrColFixHdr #mainContent .estiloGranFormato{
	background:url(../images/bannercentral04.gif) no-repeat bottom;
	min-height:350px;
	}	
.thrColFixHdr #mainContent .estiloGranFormato p{padding: 0 15px;}
.thrColFixHdr #mainContent .estiloImpresionDigital{
	background:url(../images/bannercentral05.gif) no-repeat bottom;
	min-height:350px;
	}	
.thrColFixHdr #mainContent .estiloImpresionDigital p{padding: 0 15px;}
/*
===========================================================================================================
CAJA FOOTER
===========================================================================================================
*/
.thrColFixHdr #footer {
	padding: 0 10px;
	text-align: center;
	font-size: 12px;
	} 
.thrColFixHdr #footer p {
	margin: 0;
	padding: 10px 0;
	text-align:center;
	}

/*
===========================================================================================================
AREA DE CONTACTO (contacto.php)
===========================================================================================================
*/
.tablaTexto {
border:1px solid #DCE0F0;
height:auto;
margin:10px 0 0 0;
width:auto;
}
#mainContent .textoContacto p{font-size:11px; line-height:12px}
.textoContacto{ /*header of 1st demo*/
	padding: 2px 5px;
	margin-bottom: 15px;
	border: 1px solid gray;
	text-align:left;
	height:auto;
}
/*.textoContacto p{font:12px; line-height:12px;}*/
.mypets{ /*header of 1st demo*/
	cursor: hand;
	cursor: pointer;
	padding: 0px 5px 4px 5px;
	margin-bottom: 5px;
	border: 1px solid gray;
	background: #E1E1E1 !important;
	color:#3366CC;
}
.correoInfo{ /*class added to contents of 1st demo when they are open*/
	background: yellow;
}
.thepet{margin: 5px 0px 15px 0px;}
.estiloForm {text-align:left; font-size: 12px}
.estiloForm fieldset{padding:5px; height:auto}
.estiloForm div.box{margin: 5px 0;}
.estiloForm div.box label{ width: 200px; float: left; margin:0 5px 0 0; }
.estiloForm div.box input{padding: .2em; margin:8px 0 0 0; width:200px}
.estiloForm div.box input:focus{border: 2px solid #000; background: #F3F3F3; }

.estiloForm div.box select {padding: .2em; margin:8px 0 0 0; width:40%}
.estiloForm div.box label{ margin: 10px 0;}

.estiloForm div.box textarea:focus{border: 2px solid #000; background: #F3F3F3; }
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
  overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #39C;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}