/* CSS Document */
/****by carlos bobadilla**/
/***desaroollado por cerocinco**/
/**************************/
body, h1, h2, h3, h4, h5, h6, p, tr, td, img, a, form {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Tahoma, "Times New Roman";
	color:#636363;
	font-size:12px;	
}
body{
	/*background:url(../gfx/tira/tiras1.gif) top left repeat-x;*/
	background:#FF9A09;
}
img{
	border:none;
}
p{
	font-size:12px;
	/*color:#636363;*/
	color:#000000;
	margin:8px 0 8px 0;
}
ul{
	margin:0 0 0 20px;
	padding:0 0 0 20px;
}
li{
	color:#000000;
	list-style:circle;
	/*padding-left:10px;
	margin:0 0 5px 0;*/
	/*list-style: url(../gfx/iconos/tilde.gif);*/
}
a{
	text-decoration:none;
	color: #000000;
}
a:hover{
	text-decoration: underline;
	color: #000000;	
}

h1{
	font-size:20px;
	color:#0F2A9C;
	background:url(../gfx/iconos/flecha1.gif) left no-repeat;
	padding:0 0 0 25px;
}
h2{
	font-size:20px;
	color: #FFFFFF;
	background:url(../gfx/iconos/flecha2.gif) left no-repeat;
	padding:0 0 0 25px;
}
h3{
	font-size:20px;
	color:#0F2A9C;
}


#conte_wrapper{
	background:url(../gfx/tira/tiras1.gif) top left repeat-x #FFFFFF;;
}
#wrapper{
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	width:950px;
	padding-bottom:20px;
	position:relative;
}
#wrapper2{
	margin-left:auto;
	margin-right:auto;
	background:#FFFFFF;
	width:950px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#banner{
	float:left;
	width:920px;
	height:180px;
	/*height:173px;*/
	background:url(../gfx/tira/tiras2.gif) top left repeat-x;
	margin-top:4px;
	padding:8px 15px 12px 15px;
	/*padding:11px 15px 15px 15px;	*/
	margin-bottom:20px;
}
/*#bolsa{
	position:absolute;
	left:231px;
	top:156px;
	width:153px;
	height:136px;
	z-index:1;
	background:#CCCCCC;
	border:1px solid #FF0000;
}*/
#bolsa {
	position: absolute;
	left:590px;
	top:101px;
	width:153px;
	height:136px;
	z-index:1;
}
#contacto{
	float:right;
	width:100px;
	/*border:1px solid #000000;*/
}
#contacto h1{
	font-size:14px;
	background:url(../gfx/iconos/mail.gif) left no-repeat;
	padding:20px 0 10px 45px;
}
#contacto h1 a{
	color:#000099;
}
#contacto h1 a:hover{
	color:#000099;
}

#contefooter{
	background:url(../gfx/tira/tira_footer.gif) top left repeat-x;
	height:114px;
}
#footer{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	padding-top:20px;
}

#datofooter{
	float:left;
	width:450px;
}
#cerocinco{
	float:right;
	width:190px;
}
#logo{
	float:left;
	width:106px;
	height:131px;
	margin:5px 0 0 20px;
	display:inline;
	background:url(../gfx/logos/friocaliente.gif) no-repeat;
}
.limpiador{
	clear:both;
}
#contebotonera{
	float:right;
	height:95px;
	width:820px;
	/*border:1px solid #000000;*/
	/*background: #FF0000;*/
}
#home{
	float:left;
	width:123px;
	height:95px;
}

#tirabotonera {
	float:left;
	width:681px;
	height:53px;
	background: url(../gfx/tira/tira_boton.gif) top left repeat-x;
	/*border:1px solid #00FF00;*/
}
#puntafinal{
	float:right;
	width:16px;
}

#caja_amarilla1{
	float:left;
	width:400px;
	padding:5px 10px 10px 5px;
	background: #F2F2F2;
	border:1px dashed #999999;
}
#caja_amarilla1 li{
	font-size:14px;
	color: #000099;
	font-weight:bold;
	list-style:url(../gfx/iconos/tilde.gif);
}
#caja_amarilla1 li{
	margin:0 0 7px 0;
}
#caja_amarilla2{
	margin-top:100px;
	float: right;
	width:490px;
	height:134px;
	padding:17px 10px 17px 10px;
	background:#FAA61A;
	display:inline;
}

.produc1{
	float:left;
}
.tex1{
	float: right;
	width:260px;
}
.contecaja{
	float:left;
	width:292px;
	margin-top:20px;
	margin-right:35px;
	margin-bottom:20px;
	display:inline;
}
.caja1{
	float:left;
	width:292px;
}
.caja1b{
	float:left;
	width:252px;
	background:#EDF9E2;
	padding:20px;
	height:330px;		
	
}
.caja2b{
	float:left;
	width:252px;
	background:#B64926;
	padding:20px;
	height:330px;		
}
.caja2b p{
	color:#FFFFFF;
}
.caja2b a{
	color:#FFFFFF;
}
.caja2b a:hover{
	color:#FFFFFF;
}

.caja3b{
	float:left;
	width:252px;	
	background:#90DEFF;
	padding:20px;
	height:330px;		
	
}

#laempresa{
	float:left;
	width:490px;
}
#fotoempresa{
	float:left;
	width:214px;
}
#datoempresa{
	float: right;
	width:250px;
}
#contemailing{
	float:right;
	width:350px;
	height:150px;
	padding:10px;
	background:#EDF9E2;
}
#mailing{
	float:left;
	width:106px;
}
#datomailing{
	float:right;
	width:200px;
}
.styleform1{
	float:left;
	/*position: fixed;*/
	background:url(../gfx/iconos/mailingform.gif) no-repeat;
	padding:5px;
	border:none;
	width:141px;
	height:19px;
}

#contenido{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	margin-top:30px;
	margin-bottom:30px;
}
.foto{
	float:left;
	width:250px;
	padding:10px;
	border:1px solid #CCCCCC;
	margin-top:20px;
}
.foto2{
	float:left;
	width:164px;
	padding:10px;
	border:1px solid #CCCCCC;
	margin-top:20px;
}
.foto3{
	float: right;
	width:192px;
	margin:0 0 20px 20px;
}
.fotoexhibidor{
	float:left;
	width:200px;
	padding:10px;
	/*border:1px solid #CCCCCC;*/
	margin-top:20px;
}
.contenidodatos {
	float: right;
	width:470px;
	background:#E7F1FE;
	padding:15px;
	margin-top:20px;	
}
.contenidodatos2 {
	margin-left:auto;
	margin-right:auto;
	width:470px;
	background:#E7F1FE;
	padding:15px;
	margin-top:20px;	
}

.style1{
	font-size:12px;
}
.style2{
	font-size:12px;
	padding:5px;
	border:none;
	margin:5px;
	}
.style3	{
	border:none;
	background:#000066;
	color:#FFFFFF;
	padding:5px;
	
}
.style4	{
	color: #990000;
	
}
.style5	{
	background:#FF0000;
	color:#FFFFFF;
	padding:5px;
	font-weight:bold;
}
.style6{
	border-bottom:1px solid #FF0000;
	padding:5px;
	text-align:center;	
}
.style7{
	border-bottom:1px solid #FF0000;
	padding:5px;
	background:#EEEEEE;
	text-align:center;
}

.tira1	{
	float:left;
	width:800px;
	margin:10px 0 10px 0;
	padding:0;
	border-bottom:1px dashed #999999;
}
/***********************/
/*********boton********/
/***********************/
ul#boton {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#boton li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}
ul#boton li a {
	display:block;
	padding:15px 4px 19px 4px;
	margin:0 2px 0 2px;
	/*height:38px;*/
	text-decoration:none;
	text-align:center;
	font-size:13px;
	color:#FFFFFF;
	}
ul#boton li a:hover {
	color: #FF6600;
	background:url(../gfx/tira/tira_botonb.gif) top left repeat-x ;
	}
/*****************************/
/******deslizante***************/
/******************************/
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
}
#nav li.activo {
	/*margin-left:2px;*/
}
#nav li a.activo { 
	display:block;
	padding:0;
	margin:0;
	/*height:38px;*/
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
}

#nav li.items { 
	margin-left:2px;
}

#nav li a.items {
	display:block;
	padding:20px 4px 19px 4px;
	margin:0;
	/*height:38px;*/
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
}

#nav li.items a.items:hover {
	font-size:14px;
	color: #FF6600;
	background:url(../gfx/tira/tira_botonb.gif) top left repeat-x ;

}

#nav li { 
	list-style: none;
	float: left;
}
#nav li ul { 
	list-style: none;
	position: absolute;
	background-color: #024E66;
	width: 15em;
	left: -999em; 
}
#nav li ul li {
	list-style: none;
	width: 13em;
	border-bottom:1px solid #02495F;
	background-color: #024E66;
	background: none;
}
#nav li ul li a {
	font-size:14px;
	list-style: none;
	text-decoration: none;
	color: White;
	padding: 10px;
	display: block;
}
#nav li ul li a:hover {
	list-style: none;
	background-color: #024E66; 
	color: #FF6600;
	text-decoration:underline;	
}
#nav li ul ul { 
	list-style: none;
	margin: -33px 0 0 13em;
	background-color: #024E66;
	width: 10em;
}
#nav li ul ul li {
	list-style: none;
	width: 10em;
	border-bottom:1px solid #02495F;
	background: none;
}
#nav li ul ul li a:hover {
	list-style: none;
	background-color: #B13D03; 
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}


/*************fin codigo******/

/*****************************/
/********boton home**********/
/**************************/

ul#cuatro {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#cuatro li {
	padding:0;
	float:left;
	}
ul#cuatro li a {
	display:block;
	width:123px;
	height:95px;
	text-decoration:none;
	}
ul#cuatro li a:hover {
	background-position:bottom;
	}
ul#cuatro li a span {
	display:none;
	}
#inicio {
	background-image: url(../gfx/botones/b_home.gif);
	}