/* CSS web exclusivasnoray.com */

html { margin: 0px; }
body {
	margin: 0px;
	padding: 0px; 
	background: #fff; 
	color: #000; 
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-align: center;
	border-width: 0px;  
	}
a:link, a:visited {
	color: #607A89;
	text-decoration: none;
	}
a:hover, a:active {
 	color: #CC3333;
	text-decoration: underline;
	}

.clear { clear: both; }

#anclaje{
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	overflow:hidden;
	background-image:url(../imgs/bg_anclaje.gif);
	background-position: 18% 60%;
	background-repeat:no-repeat;
	 }
#marcoweb {
	margin: 0px auto; 
	text-align: left;
	width: 920px;		
	padding: 0px;
	height:auto;
}
#footer {
	margin: 36px auto 0px; 			
	width: 100%;			
	padding: 0px;
	height:120px;
	float:left;
	background-image:url(../imgs/bg_footer.gif);
	background-position: bottom left;
	background-repeat:repeat-x;	
}
		#footer p{
		color: #788194;
		padding:60px 0 0 0;
		margin:0;
		text-align:center;
		font-size: 0.8em;
		}
		#footer a:link, #footer a:visited {
		color: #788194;
		text-decoration: none;}
		#footer a:hover, #footer a:active {
		color: #000;
		text-decoration: underline;}
h1#slogan {
	clear: left;
	font-weight: bold;
	font-size: 0.92em;
	margin: 4px 0px 0px 0px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
	color: #B4C1C8;
	text-transform: uppercase;
	margin:4px 0px 0px 0px;
	padding:0;
	letter-spacing:0.28em;
}
#cabecera {
	height: 150px;
}
		.cab_logo{
			float: left;
			margin:0;
			padding:0;
			width:252px;
			height:100px;
		}
		.cab_logo img{
			margin: 10px 0px 0px;
			padding: 0px;
			}
		.cab_menu{
			float: left;
			margin:0;
			padding:0;
			width:668px;
			height:110px;
		}
/* menu */
#main_menu a {	color: #000}
#main_menu a:visited {	color: #000}
#main_menu a:hover {	text-decoration: none}
ul#main_menu {
	padding: 0px; 
	margin: 0px;
	border-width: 0px;	
	list-style-type: none; 
	float:right;
	font-size: 0.8em;
}
ul#main_menu li {
	display: block; 
	float: left; 
	margin-left: 1px; 
	width: 110px; 
	position: relative; 
	height: 90px;
	}
ul#main_menu li a {
	border-top: #fff 10px solid; 
	display: block; 
	width: 110px; 
	color: #000000; 
	font-family: "trebuchet ms", tahoma, arial, verdana, sans-serif; 
	position: relative; 
	height: 104px; 
	text-decoration: none;
}
* html ul#main_menu li a {
	height: 80px;

}
ul#main_menu li a b {
	font-weight: bold; 
	left: 5px; 
	bottom: 5px; 
	position: absolute;
}
ul#main_menu li a.mm1 {
	border-top: #ecf0f1 10px solid; 
	background: #ecf0f1
}
ul#main_menu li a.mm2 {
	border-top: #d9e0e3 10px solid; 
	background: #d9e0e3
}
ul#main_menu li a.mm3 {
	border-top: #c7d1d6 10px solid; 
	background: #c7d1d6
}
ul#main_menu li a.mm4 {
	border-top: #b4c1c8 10px solid;
	background: #b4c1c8
}
ul#main_menu li a.mm5 {
	border-top: #a1b2ba 10px solid; 
	background: #a1b2ba
}

ul#main_menu li a:hover {
	border-top: #fff 10px solid; 
	cursor: pointer;
	
}
ul#main_menu li em {
	font-weight: normal; 
	left: 5px; 
	bottom: 5px; 
	font-style: normal; font-family: "trebuchet ms", tahoma, arial, verdana, sans-serif; 
	position: absolute
}
ul#main_menu li a em {
	font-weight: normal; 
	left: 5px; 
	bottom: 5px; 
	font-style: normal; font-family: "trebuchet ms", tahoma, arial, verdana, sans-serif; 
	position: absolute
}

.titulo_sec{
	margin:10px 0 10px 0;
	padding:0 0 0 0px;
	float:left;
	display:block;
	width:100%;
}
.h1espacio{padding-bottom: 20px;}
.t_feria{
	float:left;
	margin:4px 0;
	padding:0 0 0 20px;
	color:#AA927D;
	font-size:90%;
	display:block;
	width: 300px;	
	font-weight: bold; 
}
.thumbs_feria{
	float:left;
	list-style:none;
	width:240px;
	margin:0;
	padding:0 0 0 20px;
	}
.thumbs_feria li{
float:left;
width:72px;
padding: 3px;}
.vision_img{
float:left;
margin:0px;
padding:10px 10px 10px 44px;
width:500px;
height:375px;

}
.vision_img img{
margin:0 auto;
text-align:center;
padding:6px;
background-color:#ECF0F1;
border:1px solid #d9e0e3;
}
.vision_img2{
float:left;
margin:0px;
padding:0px 10px 10px 0px;
}
.vision_img2 img{
margin:0 auto;
text-align:center;
padding:6px;
background-color:#ECF0F1;
border:1px solid #d9e0e3;
}
.padleft42{padding:0 24px 0 0px}
.productos_img{
float:left;
margin:10px 2px 2px 2px;
}

.cuatro_productos{
margin: 0 0 0 0px;
padding:0 0 0 36px;
width:auto;
height:auto;
}
div>.cuatro_productos{
padding:0 0 0 40px;
}

.productos_img img{
padding:6px;
background-color:#ECF0F1;
border:1px solid #d9e0e3;
}
.marco_iframe{
float:right;
padding:6px 6px; 
margin:0px 10px 0px 0px !important;
background-color:#ECF0F1 !important;
border:1px solid #d9e0e3;
width:420px;
height:350px;
}
#webcontenido{}
#lateral {
	width: 320px;
	float: left;
	padding: 0px;
	margin:0px}
#main {			
	width: 600px; 
	float: right;
	padding: 0px; /* importante a 0px para funcione en IE6 bien */
	margin:0px;
	}
#main p{
text-align:justify;
padding: 10px 0px 10px 24px;}

p{
	margin: 0px 22px;
	padding: 10px 10px;
	font-size: 90%;
}

h1{
	font-size: 110%;
	color: #000;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	text-decoration:none;
	font-weight:normal;
	margin: 4px 0 10px 0;
	padding: 2px 10px 2px 20px;
	letter-spacing:1px;
}
h2 {
	color: #666;
	font-weight: normal;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 100%;
}

/* productos */
.ancho_total{
width: 920px;
padding: 0px;
margin: 0px;
float: left;
height:auto
}
.ancho_total a:link, .ancho_total a:visited {
	color: #fff;
	text-decoration: none;
	}
.ancho_total a:hover, .ancho_total a:active {
 	color: #fff;
	text-decoration: none;
	}

/* -- */
.separa_tb{margin:50px 0px;}
.uno, .dos, .tres, .cuatro { float:left; width:190px;}
.uno, .dos, .tres {margin: 0 36px 0 0;}
div>.uno, div>.dos, div>.tres {margin: 0 47px 0 0;}
.cuatro { margin: 0px;}
.coloruno, .colordos, .colortres, .colorcuatro{
	float:left;
	width:190px;
	height:176px;
	margin:0;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.5em;
}
.coloruno a, .colordos a, .colortres a, .colorcuatro a{
	float:left;
	width:190px;
	height:176px;
	margin:0;
}
.coloruno{
	background-color:#7BA1CE;
	border:1px solid #445F8E;
	padding:10px 0px 0px 10px;
	background-image:url(../imgs/bg_uno.gif);
	background-position:right bottom;
	background-repeat:no-repeat;}
.colordos{
	background-color:#EEAF2F;
	border:1px solid #E78D2C;
	padding:10px 0px 0px 10px;
	background-image:url(../imgs/bg_dos.gif);
	background-position:right bottom;
	background-repeat:no-repeat;}
.colortres{
	background-color:#9C9828;
	border:1px solid #766F31;
	padding:10px 0px 0px 10px;
	background-image:url(../imgs/bg_tres.gif);
	background-position:right bottom;
	background-repeat:no-repeat;}
.colorcuatro{
	background-color:#B76872;
	border:1px solid #873747;
	padding:10px 0px 0px 10px;
	background-image:url(../imgs/bg_cuatro.gif);
	background-position:right bottom;
	background-repeat:no-repeat;}
.uno p, .dos p, .tres p, .cuatro p{
	float:left;
	width:190px;
	height:100px;
	margin:0;
	padding:10px 0px;
	color:#000000;
	font-size:0.9em;
	text-align:center;
	line-height:1.1em;
}

.h2coloruno{
	background-color:#7BA1CE;
	border:1px solid #445F8E;
	background-image:url(../imgs/bg_uno.gif);
	background-position:100% 5%;
	background-repeat:no-repeat;
	padding:3px 3px 3px 10px;
	margin: 0 0 0 42px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.2em;
	}	
.h2colordos{
	background-color:#EEAF2F;
	border:1px solid #E78D2C;
	background-image:url(../imgs/bg_dos.gif);
	background-position:100% 80%;
	background-repeat:no-repeat;
	padding:3px 3px 3px 10px;
	margin: 0 0 0 42px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.2em;
	}
.h2colortres{
	background-color:#9C9828;
	border:1px solid #766F31;
	background-image:url(../imgs/bg_tres.gif);
	background-position:100% 70%;
	background-repeat:no-repeat;
	padding:3px 3px 3px 10px;
	margin: 0 0 0 42px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.2em;
	}	
.h2colorcuatro{
	background-color:#B76872;
	border:1px solid #873747;
	background-image:url(../imgs/bg_cuatro.gif);
	background-position:100% 56%;
	background-repeat:no-repeat;
	padding:3px 3px 3px 10px;
	margin: 0 0 0 42px;
	color:#FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.2em;
	}	
/* forms */
form input{
margin:0;
padding:0;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
}
div .contacto{padding-left:50px;}
.contactoform {
font-size:90%;
}
.contactoform .submit{
margin-top: 10px;
}
.peque{
font-size: 0.74em;
padding-left: 4px;
}
.separaform {
margin-left:20px;
font-size:90%;
}
.formderecha {
text-align:right;
}
#ordenaform{
text-align:right;
margin:0 0 0 auto !important;
vertical-align:middle;
font-size: 90%;
}

#ordenaform .estilor2  {
vertical-align: middle;
}
#ordenaform input.submit {
margin: 0px;
padding: 0px 1px;
vertical-align: middle;
}
.separaform dd, .contactoform dd {
padding-bottom: 6px;}
form textarea {
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}

.campo_left {
float: left;
text-align:left;
margin:0;
padding:0;
width:150px;
height:30px;
}
.campo_left2 {
float: left;
text-align:left;
margin:0;
padding:0;
width:380px;
height:auto;
}

.campo_right{
float:left;
text-align:left;
width:380px;
height:30px;
margin:0;
padding:0;
}