@charset "utf-8";

* {
	outline: none;
}

/* CSS Document */

body {
	margin: 0px;
	background-repeat: repeat-x;
	background-position: top;
	/*background-color: #663;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/_bgfranja.png);
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1 {
	margin-top: 0px;
}

h2 {
	margin-top: 0px;
}


#header {
	width: 940px;
	height: 100px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 5px;
}
#header #logo {
	float: left;
	margin-left: -10px;
}
#header #tituloHeader {
	float: right;
	margin-top: 30px;
}

#contenedorMenu {
	height: 290px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#bannerHeader {
	height: 290px;
	width: 960px;
	position: absolute;
	z-index: 2;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
#menu {
	height: 30px;
	width: 960px;
	background-image: url(../images/bgMenu.png);
	position: absolute;
	z-index: 1005;
	font-size: 12px;
}
#menu a:link, #menu a:visited {
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	height: 23px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
}

#menu a:hover {
	color: #FFF;
	background-image: url(../images/-bgMenu.png);
}
.contenedorSubmenu {
	float: left;
	width: auto;
}
.submenuAbierto {
	float: left;
	width: auto;
	height: 290px;
}

.contenedorSubmenu .submenu {
	display: none;
}

.submenu {
	position: absolute;
	top: 30px;
	/* [disabled]display: none; */
	/* [disabled]height: 260px; */
	background-image: url(../images/bgSubmenu.png);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 11px;
	float: left;
}
#menu .contenedorSubmenu .submenu a  {
	float: none;
}
#menu .submenuAbierto .submenu a {
	float: none;
}






#contenidoHome {
	width: 960px;
	margin-right: auto;
	/* [disabled]margin-bottom: 10px; */
	margin-left: auto;
	/* [disabled]margin-top: -10px; */
}

#contenido {
	width: 940px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
	padding: 10px;
}
.cuadroInicio {
	background-repeat: no-repeat;
	height: 265px;
	width: 320px;
	display: block;
	color: #FFF;
	text-decoration: none;
}
#tex {
	width: 292px;
	background-color: #013567;
	color: #FFF;
	height: auto;
	padding: 10px;
	display: block;
	float: left;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #024;
	border-bottom-color: #024;
	border-left-color: #024;
	margin-right: 3px;
}
#tex2 {
	width: 292px;
	background-color: #679902;
	color: #FFF;
	height: auto;
	padding: 10px;
	display: block;
	float: left;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #496C02;
	border-bottom-color: #496C02;
	border-left-color: #496C02;
}
#tex3 {
	width: 292px;
	background-color: #CD3301;
	color: #FFF;
	height: auto;
	padding: 10px;
	display: block;
	float: left;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #A92D01;
	border-bottom-color: #A92D01;
	border-left-color: #A92D01;
	margin-left: 3px;
}
#context {
	/* [disabled]margin-bottom: 20px; */
	height: 60px;
}

.cuadroInicio h2 {
	display: block;
	height: 20px;
	width: 300px;
	font-size: 16px;
	padding: 10px;
	margin: 0px;
}
.cuadroInicio .linkCuadro {
	display: block;
	height: 16px;
	width: 300px;
	margin-top: 195px;
	text-align: right;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
a.cuadroInicio:hover .linkCuadro {
	color: #FFF;
	font-weight: bold;
}

#cuadro1 {
	background-image: url(../images/cuadroInicio1.png);
	margin-right: 1px;
}
#cuadro2 {
	background-image: url(../images/cuadroInicio2.png);
}
#cuadro3 {
	background-image: url(../images/cuadroInicio3.png);
	margin-left: 1px;
}


#pie {
	width: 940px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	margin-top: 20px;
	padding: 10px;
	height: auto;
	color: #FFF;
}
#color {
	background-color: #666;
	height: 300px;
	margin-top: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #EEE;
}

#txtPie {
	width: 960px;
	font-size: 11px;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#txtPie a {
	color: #FFF;
	text-decoration: none;
}

#txtPie #pronet {
	float: right;
	color: #666;
	text-decoration: none;
	margin-left: 5px;
}
#linkConsejos {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #036;
	display: block;
	padding: 5px;
	text-decoration: none;
}
#linkCalidad {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #690;
	display: block;
	padding: 5px;
	text-decoration: none;
}
#linkProductos {
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	background-color: #C30;
	display: block;
	padding: 5px;
	text-decoration: none;
}
#menuDesplegable {
	background-image: url(../images/bgMenuDesplegable.png);
	background-repeat: repeat-y;
	background-position: left;
	padding: 5px;
}
#menuDesplegable ul{
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#menuDesplegable ul li{
	font-size: 12px;
	list-style-type: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#menuDesplegable ul li a:link , #menuDesplegable ul li a:visited{
	display: block;
	text-decoration: none;
	font-weight: bold;
}
#menuDesplegable ul li a:hover {
}
#menuDesplegable ul li a.desplegable{
}	
#menuDesplegable ul li li{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
#menuDesplegable ul li li a:link , #menuDesplegable ul li li a:visited{
	color: #666;
	text-decoration: none;
	display: block;
	padding-left: 15px;
	font-weight: normal;
}
#menuDesplegable ul li li a:hover{
	color: #06C;
}
#pest1_0 {
	background-image: url(../images/bgIntroConsejos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 335px;
	padding-top: 10px;
	padding-left: 30px;
}
.img_der {
	float: right;
	margin-left: 15px;
	clear: both;
	margin-bottom: 15px;
}
.img_izq {
	float: left;
	margin-right: 15px;
	clear: both;
	margin-bottom: 15px;
}




#mensaje {
	display: block;
}
#mensajeOK {
	color: #390;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 10px;
	background-color: #C6FFAA;
	border: 1px solid #390;
}


#mensajeERROR {
	color: #900;
	font-size: 11px;
	font-weight: bold;
	background-color: #FFD2D2;
	text-align: center;
	display: block;
	padding: 10px;
	border: 1px solid #900;
}

.errorInput {
	font-size: 10px;
	color: #F60;
	display: inline;
}
input {
	border: 1px solid #999;
	color: #999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
input:focus {
	color: #AD8B27;
	border-top-color: #AD8B27;
	border-right-color: #AD8B27;
	border-bottom-color: #AD8B27;
	border-left-color: #AD8B27;
}

select {
	border: 1px solid #999;
	color: #999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
select:focus {
	color: #AD8B27;
	border-top-color: #AD8B27;
	border-right-color: #AD8B27;
	border-bottom-color: #AD8B27;
	border-left-color: #AD8B27;
}

textarea {
	border: 1px solid #999;
	color: #999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 287px;
}

textarea:focus {
	color: #AD8B27;
	border-top-color: #AD8B27;
	border-right-color: #AD8B27;
	border-bottom-color: #AD8B27;
	border-left-color: #AD8B27;
}
#enviar {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.pestana {
	display: none;
	width: 645px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

#pestanas {
	background-color: #CFC6A7;
	background-image: url(../images/bgContPestSucursales.png);
	background-repeat: repeat-y;
	background-position: right;
	/* [disabled]padding-top: 1px; */
	height: auto;
	display: block;
}
#pestanas a:link , #pestanas a:visited{
	display: block;
	height: 30px;
	width: 250px;
	background-image: url(../images/bgPestSucursales.png);
	background-repeat: repeat-y;
	background-position: right;
	background-color: #EEE;
	font-weight: bold;
	text-decoration: none;
	color: #999;
	font-size: 13px;
	padding-left: 10px;
	padding-top: 10px;
	margin-top: 1px;
}
#pestanas a:hover {
	color: #666;
}
#pestanas a.pestActiva {
	background-color: #E4DFCC;
	width: 270px;
	background-image: url(../images/bgPestActiva.png);
	color: #000;
}

#fotoProdGrande {
	position: absolute;
	height: 150px;
	text-align: right;
	z-index: 3;
	margin-top: 110px;
	width: 960px;
}
#bannerTeknopaints {
	height: 580px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
#contenedorTeknopaints {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 580px;
	margin-bottom: 10px;
}

#txtTeknopaints {
	width: 940px;
	padding: 10px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
}
#txtTeknopaints strong {
	font-size: 14px;
}


#fotoProdGrande #contFoto {
	background-image: url(../images/bgSubmenu.png);
	background-position: bottom;
	width: auto;
	float: right;
	padding: 10px;
	height: 150px;
}
.cuadroInstrucciones {
	background-color: #FFF;
	padding: 10px;
	width: 405px;
}
.cuadroInstrucciones h2 {
	font-size: 16px;
	color: #CD3301;
}
.cuadrosProductos {
}
.cuadrosProductos a {
	display: block;
	width: 220px;
	text-decoration: none;
}
.cuadrosProductos a:link .tituloLink, .cuadrosProductos a:visited .tituloLink{
	display: block;
	background-color: #E4DFCC;
	color: #CD3301;
	text-decoration: none;
	font-weight: bold;
	padding: 5px;
}

.cuadrosProductos a:hover .tituloLink{
	background-color: #FFAC90;
	
}
.muestrasColor a:link, .muestrasColor a:visited {
	display: block;
	background-color: #EEE;
	padding: 2px;
	width: 120px;
	font-size: 10px;
	text-decoration: none;
	color: #666;
}
.muestrasColor a:hover {
	color: #FFF;
	background-color: #E2884C;
}
.muestrasColor span {
	display: block;
}

ul.gallery {
	width: 940px; /*--Ajustar el ancho acorde a tu documento--*/
	list-style: none;
	margin: 0;
	padding: 0;
	height: 180px;
}  
  
ul.gallery li {
	float: left;
	/* [disabled]margin: 10px; */
	padding: 0;
	text-align: center;
	/* [disabled]border: 1px solid #ccc; */
	/* [disabled]-moz-border-radius: 3px; */
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline; /*--IE6 Fix - Arregla el fallo de doble margen en IE6--*/
}  
  
ul.gallery li a.thumb {
	width: 156px; /*--Ancho de la imagen--*/
	height: 141px;
	cursor: pointer;
}  
ul.gallery li a.activo {
}
  
ul.gallery li span { /*--Usada para cortar la imagen--*/
	width: 156px;
	height: 141px;
	overflow: hidden;
	display: block;
}  
  
ul.gallery li a.thumb:hover {  
	background: #333; /*--Efecto hover para navegadores con js desactivado--*/  
}  
ul.gallery li h2 {
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 5px;
	background: #f0f0f0;
	border-top: 1px solid #fff;
	height: 20px;
}  
  
ul.gallery li a {
	text-decoration: none; 
	color: #777; 
	display: block;
}
#logo50 {
	display: block;
	float: left;
	margin-left: 320px;
}