@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(images/gral/fdo_gral.jpg);
	background-color:#181617;
}

#contenedora_gral {
	width: 954px;
	margin: auto;
	background-image:url(images/gral/fdo_contenido.jpg);
}

/* --------------------------------------------------------------------------------------------------ENCABEZADO */
#encabezado {
	width: 954px;
	height:100%;
	margin: auto;
}



/* --------------------------------------------------------------------------------------------------CONTENIDO */
#contenido {
	width: 954px;
	margin: auto;
	position:relative;
	height:100%;
}
#banner {
	width: 920px;
	height:244px;
	margin: auto;
	position:relative;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
}
#menu {
	width: 920px;
	height:39px;
	margin: auto;
	position:relative;
	background-image:url(images/gral/fdo_menu.jpg);
	background-repeat:repeat-x;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
}






/* ------------------------------------------------------------------------------------------TEXT */
.txt_14_blanco {
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#fff;
	line-height: 20px;
}
.txt_16_blanco {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#fff;
	line-height: 25px;
}
.txt_15_gris {
	font-family: 'Roboto', sans-serif;
	font-size:15px;
	color:#6b6a6a;
	line-height: 23px;
}
.txt_20_rojo {
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	color:#952126;
	line-height: 50px;
	letter-spacing: 1px;
}
.txt_11_gris_osc {
	font-family: 'Roboto', sans-serif;
	font-size:11px;
	color:#545454;
	font-weight:500;
}
.txt_20_gris {
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	font-weight:500;
	color:#6b6a6a;
	line-height: 23px;
}
.txt_25_rojo {
	font-family: 'Roboto', sans-serif;
	font-size:25px;
	font-weight:900;
	color:#952126;
	line-height: 50px;
	letter-spacing: 1px;
}
.txt_12_blanco {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#fff;
	line-height: 25px;
}


















/* ------------------------------------------------------------------------------------------TEXT LINK*/
.txt_12_blanco_link:link {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#fff;
	line-height: 25px;
	text-decoration: none;
}
.txt_12_blanco_link:visited {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#fff;
	line-height: 25px;
	text-decoration: none;
}
.txt_12_blanco_link:hover {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#942126;
	line-height: 25px;
	text-decoration: none;
}
.txt_12_blanco_link:active {
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#fff;
	line-height: 25px;
	text-decoration: none;
}









.txt_12_naranja_link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ee7f00;
	text-decoration: none;
}
.txt_12_naranja_link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ee7f00;
	text-decoration: none;
}
.txt_12_naranja_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ba3b0f;
	text-decoration: none;
}
.txt_12_naranja_link:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ee7f00;
	text-decoration: none;
}


/* --------------------------------------------------------------------------------------------------DIVs*/
#sirena {
	position:absolute;
	left:26px;
	top:-5px;
	width:41px;
	height:56px;
	background-image:url(images/inicio/sirena.gif);
	z-index:1;
}
#sirena_col {
	position:absolute;
	left:8px;
	top:10px;
	width:41px;
	height:56px;
	background-image:url(images/inicio/sirena.gif);
	z-index:1;
}
#super_titulo_1 {
	position:absolute;
	width: 900px;
	height:73px;
	margin: auto;
	left: 60px;
	top: 31px;
}
#super_titulo_2 {
	position:absolute;
	width: 900px;
	height:73px;
	margin: auto;
	left: 60px;
	top: 31px;
}




#nombre {
	position:absolute;
	left:0px;
	top:3px;
	width:360px;
	height:30px;
	z-index:1;
}
#telefono {
	position:absolute;
	left:0px;
	top:3px;
	width:360px;
	height:30px;
	z-index:1;
}
#mail {
	position:absolute;
	left:0px;
	top:2px;
	width:360px;
	height:30px;
	z-index:1;
}
#gracias_contacto {
	position:absolute;
	left:55px;
	top:93px;
	width:403px;
	height:602px;
	background-image:url(images/gral/fdo_contenido.jpg);
	z-index:1;
}
#comentario {
	position:absolute;
	left:0px;
	top:2px;
	width:360px;
	height:357px;
	z-index:1;

}
#enviar {
	position:absolute;
	left:280px;
	top:373px;
	width:82px;
	height:24x;
	z-index:1;
	border: 0px;
}
#complete {
	position:absolute;
	left:-6px;
	top:376px;
	width:71px;
	height:24x;
	z-index:1;
	border: 0px;
}
.campo_form {
font-family:'Roboto', sans-serif;
font-weight:300;
border: 0px; 
font-size:16px;
color: #979797;
background-image:url(images/gral/fdo_gral.jpg);
background-color:transparent;
}
.campo_form_contacto {
font-family:'Roboto', sans-serif;
font-weight:300;
border: 0px; 
font-size:16px;
color: #979797;
width:255px;
height:210px;
overflow:hidden;
background-image:url(images/gral/fdo_gral.jpg);
background-color:transparent;
}


::-webkit-input-placeholder {      /*Para Google Chrome y Opera Next*/
color:#979797;
font-size:11px;
font-weight:500;
}
:-moz-placeholder {      /*Para Firefox 18-*/
color:#979797;
font-size:11px;
font-weight:500;
}
::-moz-placeholder {      /*Para Firefox 18+*/
color:#979797;
font-size:11px;
font-weight:500;
}
:-ms-input-placeholder {        /*Para IE10+*/
color: #979797; 
font-size:11px;
font-weight:500;
}
::input-placeholder {    /*Propiedad sin prefijos (no funciona en ningún navegador)*/
color:#979797;
font-size:11px;
font-weight:500;
}



.foto_fdo{
	float:left; width:246px; 
	height:231px; 
	padding: 20px 20px 20px 20px;
}
.foto_producto{
	float:left; width:203px; 
	height:179px; 
	padding: 15px 15px 15px 15px;
}

.foto img{
	-webkit-transition:.2s;
	-moz-transition:.2s;
		-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,1);
}
.foto:hover img{
        -webkit-transform:scale(1.12);
        -moz-transform:scale(1.12);
}




/* --------------------------------------------------------------------------------------------------DIV LIMPIA */
.clear {
clear:both;
  }