@charset "utf-8";
/* CSS Creado por: Ricardo Ornelas OCD creativos para Detector*/

* {
    padding : 0;
    margin : 0;
  }


body{
	background-image: url(../index_img/background_general.jpg);
	background-repeat:repeat-x;
	background-color: #031B4C;
	text-align: center;
	margin-top:0px;
	margin-bottom:0px;
	width:855px;
	margin-left:auto;
	margin-right:auto;
}

#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:855px;
	height:800px;
	background-color: #E3E3E3;
	background-repeat:repeat-y;
}

/*HEAD*/

#redes_sociales{
	width:350px;
	float:right;
	color:#CCC;
}

#botonera{
margin-top:10px;
width:855px;
height:41px;
background-color:#083698;
}

#cabecera{
width:855px;
height:76px;
}
/*Termina Head*/

/* SECCION PRODUCTO*/

#producto{
width:855px;
height:386px;
background-image: url(../productos_img/back_divproducto.jpg);
background-repeat:repeat-x;
}

#big_pic{
width:446px;
height:330px;
margin-top:18px;
margin-left:24px;
float:left;
}

/*CONTENEDOR PRODUCTO INFO*/

#info_producto{
width: 356px;
height:auto;
margin-top:18px;
float:right;
}

#extra{
height:386px;
}


#titulo_producto{
text-align:left;
}

#descripcion_producto{
text-align: justify;
padding-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
color: #333333;
line-height:17px;
width:auto;
}
/*FOTOS CONTENEDOR PRODUCTO INFO*/
#fotos_producto{
text-align:left;
}

#fotos_producto ul{
padding: 0px;
margin: 0px;
width:100%;
}

#fotos_producto li{
list-style:none;
   float:left;
}

#fotos_producto a{
display: block;
width:104px;
height:71px;
margin-right:12px;
border-width:1px;
border-style:solid;
border-color: #666666;
}

#fotos_producto a:hover{
display: block;
width:104px;
height:71px;
margin-right:12px;
border-width:1px;
border-style:solid;
border-color: #0099FF;
}

/*BOTONES PRODUCTO*/

#botonera_producto{
width: 356px;
height:37;
}

#bot_pedido{
	margin-top:20px;
	width:157px;
	height:35px;
	float:left;
}

#compartir{
	margin-top:30px;
	width:170px;
	height:auto;
	float:right;
	padding-right:15px;
}
/*.compartir_bot{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000066;

}*/

/*FUNCIONES*/
#funciones{
widt:855px;
height:auto;
}

/*FOOTER*/
#footer{
margin-top:20px;
width:855px;
height:20px;
float:left;
color:#999999;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}

/*--------------------------------------------PAGINA INICIO PRODUCTOS------------------------------------------*/

#head_page{
	width:855px;
	height:219px;
}

#wrapper_productos {
	margin-left:auto;
	margin-right:auto;
	width:855px;
	height:1250px;
	background-color: #E3E3E3;
	background-repeat:repeat-y;
}

#contenedor_general{
background-image:url(../productos_img/back_inicioproducts.jpg);
background-repeat:repeat-x;
height:auto;
}

#lista_productos{
width: 630px;
height:auto;
float:left;
}

.item_product{
	height:115px;
	margin-top:10px;
	margin-left:10px;
}

.img_item{
width:158px;
height:115px;
float:left;
}

.img_item img{
margin-top:35px;
}

.titulo_item{
background-image:url(../inicio_productos_img/titulo_transp.png);
width:287px;
height:38px;
text-align:left;
}

.titulo_centro{
padding-top:10px;
}

a.titulo:link{
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding-top:10px;
margin-left:7px;
text-decoration:none;
}

a.titulo:visited{
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding-top:10px;
margin-left:7px;
text-decoration:none;
}

a.titulo:hover{
color: #0033CC;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
padding-top:10px;
margin-left:7px;
text-decoration: underline;
}

.contenedor_texto{
width:450px;
float:right;
}

.des_item{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:left;
}

.imagen{
width:158px;
height:115px;
background-repeat:no-repeat;
}

.imagen:hover{
background-image:url(../inicio_productos_img/fondo_item.png);
width:158px;
height:115px;
background-repeat:no-repeat;

}

/*PANEL DERECHO*/
#panel_derecho{
float:right;
width:220px;
height:auto;
background-image:url(../inicio_productos_img/div_products.png);
background-repeat:no-repeat;
background-position:left;
}

#texto_pderecho{
width:164px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#333333;
text-align: left;
margin-left:29px;
}

/*---------------------------------------------------PAGINAS INTERNAS-------------------------------------------------------*/

#tec_texto{
padding-top:13px;
width:750px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #333333;
text-align:justify;
line-height:18px;
margin-left:40px;
}

.imagen_bordewhite{
float:right; margin-left:20px; border:medium; border-color:#FFFFFF }

.imagen_izq{
float:left; margin-right:20px; }

#lista_preguntas a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#003366;
text-decoration:none;
}
li{
padding-bottom:20px;
}

h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#006699;
font-weight:bolder;
}

h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#006699;
font-weight:bolder;
}

/*------------------------------------------NOTICIAS.html---------------------------------------*/

#noticias_texto{
padding-top:13px;
width:650px;
float:right;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #333333;
text-align:justify;
line-height:15px;
margin-right:40px;
}

.noticias_locacion{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#003399;
}

/*------------------------------------------CONTACTO.html---------------------------------------*/

.contenedor_contacto{
width:600px;
height:105px;
margin-top:40px;
}

.contacto_img{
width:132px;
height:103px;
float:left;
}

.contacto_titulo{
width:120px;
float:right;
height:20px;
margin-right:340px;
}

.info_contacto{
	float:right;
	width:460px;
	height:auto;
	text-align: left;
}

#formulario{
float:right;
width:550px;
height:400px;
margin-top:20px;
}

