@import url("template.css");

/* Estructura
/********************************************************************/
#holder {
	clear: both;
	width: 770px;
	margin: 10px auto 0 auto;
	padding: 17px 0 0 0;
}

#holder.pdet {
	padding: 32px 0 0 0;
	border-top: none;
}

#holder #cl {
	float: left;
	width: 350px;
	margin-left:10px;
}
#holder #cr {
	float: left;
	width: 330px;
	margin-left: 30px;
}

/* Text styles
/********************************************************************/
#holder {font: normal .9em/1.5em Verdana, Arial, sans-serif;}
#holder p {margin:1px 0 14px 0;}
#holder p span{ font-weight:bold}
#holder p strong{ display:block;}

#holder ul.lst01 {padding: 0 0 13px 13px;}
#holder ul.lst01 li {
	list-style: disc outside none;
	margin: 0 40px 0 20px;
	font-size:.9em;
}

#holder #cl a.verde {color:#898A17;text-decoration:underline;}
#holder #cl a.verde:hover {text-decoration:none}


/* Product thumbnails
/********************************************************************/
.pthumb {
	float:left;
	display: inline;
	width:105px; height: 115px;
	padding-bottom:10px;
	text-align:center;
}

.pthumb a {color: #000;}
.pthumb a span {
	display: block;
	font-size: .8em;
}

/* Product viewer
/********************************************************************/
.pviewer {
	margin-left: 25px;
	text-align:center;
}

/* H2
/********************************************************************/
#titulos_sifr{
	padding-top:7px;
	margin-bottom:27px;
}
#titulos_sifr h2{
	height:44px;
	margin:-14px 0 0 0;
}

h2.tit_baby{
	height:68px;
	margin:-5px 0 5px -3px;
}
h2.tit_electric{
	height:68px;
	margin:-5px 0 5px -3px;
}
h2.tit_food{
	height:68px;
	margin:-5px 0 5px -3px;
}


#main h2.titulos{
	float:left;
	width:100%;
	height:244px;
	margin-bottom:24px;
}
#main h2.titulos span{
	position: absolute;
	z-index: -1;
}

h2.tit_asys		{ background:url(../img/header_asys.jpg) no-repeat left top;		}
h2.tit_builtny	{ background:url(../img/header_builtny.jpg) no-repeat left top;		}
h2.tit_imprensa	{ background:url(../img/header_imprensa.jpg) no-repeat left top;	}
h2.tit_contato	{ background:url(../img/header_contato.jpg) no-repeat left top;		}
h2.tit_buzz		{ background:url(../img/header_buzz.jpg) no-repeat left top;		}

h2.tit_encontrar{
	background:url(../img/tit_encontrar.jpg) no-repeat left top;
	width:256px; height:55px;
}
h2.tit_encontrar span{
	position: absolute;
	z-index: -1;
}

h2.onde{
	width:53%;
	height:44px;
	float:left;
}
h2.store{
	width:47%;
	height:44px;
	float:left;
}

a.asys{ color:#901517;}
a.asys:hover{ text-decoration:underline}

/* Lst 02
/********************************************************************/
.lst02{
	width:350px;
	float:left;
}
.lst02 li{ margin-left:32px;}
.lst02 li.logo{
	margin-left:0;
	text-decoration:none;
}
.lst02 li.logo img{ margin-right:5px;}

.lst02 li a{ color:#000; text-decoration:underline;}
.lst02 li a:hover{ text-decoration:none;}


/* Lst 02 */
.lst03{
	float:left;
	margin-left:10px;
	width:330px;
}
.lst03 li{ margin-bottom:5px;}
.lst03 li a{
	color:#901517;
	text-decoration:underline;
}
.lst03 li a:hover{
	text-decoration:none;
}


/* Celda
/********************************************************************/
.celda{ float:left;}

.celda .imprensa{
	float:left;
	width:145px;
	margin:0 0 15px 120px;
	display:inline; /* IE6 fix */
}

.celda .first{
	margin-left:40px;
	display:inline; /* IE6 fix */
}

/* Contacto
/********************************************************************/
#contacto{ float:left;}

#contacto #info{
	float:left;
	width:196px;
}
#contacto #info a{ color:#901517;}
#contacto #info a:hover{ text-decoration:underline;}

#formulario{ float:left;}

/* Formulario ----------- */
#form_global{
	float:left;
	width:554px;
}
#form_global p.info{
	color:#404040;
	font:.9em Arial, Helvetica, sans-serif;
	margin-bottom:15px;
}
#form_global fieldset{}
#form_global fieldset legend{display:none;}

#form_global ol{}
#form_global ol li{
	float:left;
	width:251px;
}

#form_global ol{}
#form_global ol li{}
#form_global ol li label{
	font-size:1.1em;
	color:#3f3f3f;
	margin-bottom:3px;
	display:block;
}
#form_global ol li label span.obligatorio{
	color:#a81724;
	font:.9em Arial, Helvetica, sans-serif;
}


#form_global ol li ul li input{
	width:214px;
	border:1px solid #999;
	font-size:1em;
	padding:2px 0 2px 4px;
	margin-bottom:8px;
}

/* Comentarios */
#form_global ol li.comentarios{ width:299px;}
#form_global ol li.comentarios textarea{
	border:1px solid #999;
	width:99%;
	font-family:Arial, Helvetica, sans-serif;
	height:111px;
	padding-left:4px;
}

/* Botones */
#form_global ol li.botones{
	margin:10px 0 0 235px;
	display:inline/* IE6 fix */
}
#form_global ol li.botones p{}
#form_global ol li.botones p.first{ margin-left:18px; display:inline;/* IE6 fix */}

#form_global ol li.botones p button{
	background:url(../img/button1.gif) no-repeat left top;
	border:none;
	color:#fff;
	cursor:pointer;
	width:56px;
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	padding:3px 0;
}

/* Error de envio */
.errores{
	background:#901517;
	color:#d90000;
	color:#fff;
	width:530px;
	margin-bottom:15px;
	padding:5px 10px;
}
.errores p{ margin-bottom:10px;}
.errores ul{
	background:url(../img/bg_separador-contacto.gif) repeat-x left bottom;
	padding-bottom:5px;
}

li.errorDisp label{ color:#ff0000 !important;}

/* Mensaje de envio */
.msg_ok{
	color:#666;
	padding-bottom:100px; /* Para que tome el cuerpo la sombra de la izquierda */
}
.msg_ok p.first{ margin-bottom:10px;}