@font-face {
    font-family: 'Myriad';
	src: url('../myriad.eot');
    src: url('../myriad.eot?#iefix') format('embedded-opentype'),
         url('../myriad.ttf') format('truetype');
}
html,body{
	font-family:"Myriad";
	font-size:14px;
	letter-spacing:.3px;
	line-height:16px;
	margin:0;
}
#punto{
	width:100%;
	height:100px;
	position:fixed;
	background-image:url('../img/punto2.png');
}
.container {
	width: 90%;
	margin: 20px auto;
	padding: 20px;
}
pre { border: 1px solid #CCC; background-color: #EEE; color: #333; padding: 10px; }
#content{ position:absolute; top:50px; left:50px; background:#111; background:rgba(0,0,0,0.65); width:360px; text-align:left; }
.stamp{ float: right; margin: 15px 30px 0 0;}

#contCabecera{
	width:100%;
	height:95px;
	float:left;
	background-color:#003155;
	position:relative;
	z-index:2;
}		
#cabecera{
	width:99%;
	margin-left:0.5%;
	height:85px;
	margin-top:8px;
	background-color:white;
	float:left;
	font-size:12px;
}
#r1,#r2,#r3,#r4{
	width:20px;
	height:20px;
	float:left;
}
#r1{background-image:url('../img/curvai.png');}
#r2{
	margin-top:65px;
	margin-left:-20px;
	background-image:url('../img/curvaia.png');
}
#r3{background-image:url('../img/curvad.png');}
#r4{
	margin-top:65px;
	margin-right:-20px;
	background-image:url('../img/curvada.png');
}
#r3,#r4{
	float:right;
}
#barra{
	width:100%;
	float:left;
	height:25px;
	position:relative;
	background-color:#003155;
}
#logo{
	width:255px;
	height:100%;
	float:left;
	position:absolute;left:5%;
	background-image: url('../img/logo.jpg');
	background-repeat:no-repeat;
	cursor:pointer;
	cursor:hand;
}
#logoacero{
	width:320px;
	height:100%;
	float:left;
	position:absolute;left:5%;
	background-image: url('../img/logoacero.jpg');
	background-repeat:no-repeat;
}
#menu,#menua{
	width:610px;
	float:right;
	margin-top:35px;
	background-image:url('../img/menu.jpg');
	background-repeat:no-repeat;
	position:relative;
}
#menua{
	width:640px;
	background-image:url('../img/menua.jpg');
}
.m{
	height:20px;
	padding:10px;
	height:20px;
	padding-top:20px;
	float:left;
	border-left: solid 1px #C0C0C0;
	border-color:#C0C0C0;
	text-align:center;
	cursor:pointer;
	cursor:hand;
	
}

#m1{border-left:0;width:35px;}
#m2{width:108px;}
#m3{width:132px;}
#m4{width:41px;}
#m5{width:97px;}
#m6{width:62px;}
#m2:hover,#m3:hover,#m4:hover,#m5:hover{
	  /* Safari 4+ y Chrome 1+ */  
	  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #004673), color-stop(1, #002b4d));  
	  
	  /* Safari 5.1+ y Chrome 10+ */  
	  background-image:-webkit-linear-gradient(#004673, #002b4d);  
	  
	  /* Firefox 3.6+ */  
	  background-image:-moz-linear-gradient(top, #004673, #002b4d);  
	  
	  /* Opera 11.10+ */  
	  background-image:-o-linear-gradient(top, #004673, #002b4d);  
	  
	  /* Internet Explorer 5.5+ */  
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#004673', EndColorStr='#002b4d'); 
	  color:white;
}
#m1:hover{
	background-image:url('../img/m1.jpg');
	background-repeat:no-repeat;
	color:white;
}

#am2{width:108px;border-left:0;}
#am3{width:80px;}
#am4{width:80px;}
#am5{width:95px;}
#am6{width:80px;}
#am7{width:70px;}
#am2:hover,#am3:hover,#am4:hover,#am5:hover,#am6:hover{
	  background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #004673), color-stop(1, #002b4d));  
	  background-image:-webkit-linear-gradient(#004673, #002b4d);  
	  background-image:-moz-linear-gradient(top, #004673, #002b4d);  
	  background-image:-o-linear-gradient(top, #004673, #002b4d);  
	  filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#004673', EndColorStr='#002b4d'); 
	  color:white;
}
#m1:hover{
	background-image:url('../img/m1.jpg');
	background-repeat:no-repeat;
	color:white;
}
#m6:hover{
	background-image:url('../img/m2.jpg');
	background-repeat:no-repeat;
	color:white;
}
#am2:hover{
	background-image:url('../img/am1.jpg');
	background-repeat:no-repeat;
	color:white;
}
#am7:hover{
	background-image:url('../img/m2.jpg');
	background-repeat:no-repeat;
	color:white;
}
a {
	text-decoration: none;
	outline: none;
	color: white;
	}
	
a:hover {
	text-decoration: underline;
}
input{
	background-image:url('../img/fInput.png');
	width:440px;
	height:23px;
	border:0;
	background-color:transparent;
	color:white;
}
textarea{
	width:320px;
	background-image:url('../img/area.png');
	border:0;
	background-color:transparent;
	color:white;
	background-repeat:no-repeat;
	resize:none;
}
#pie{
	width:100%;
	height:100%;
	float:left;
	z-index:5;
}
#contPie{
	height:45px; 
	width:100%; 
	bottom:0px; 
	left:0; 
	z-index:4; 
	position:fixed;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #004673), color-stop(1, #002b4d));  
	background-image:-webkit-linear-gradient(#004673, #002b4d);  
	background-image:-moz-linear-gradient(top, #004673, #002b4d);  
	background-image:-o-linear-gradient(top, #004673, #002b4d);  
	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#004673', EndColorStr='#002b4d'); 
	color:white;
}
#pie1{
	width:580px;
	float:left;
	font-size:11px;
	padding:15px;
	margin-left:10%;
}
#pie2{
	width:150px;
	float:right;
	font-size:11px;
	padding:15px;
	margin-right:10%;
}
#back{
	width:100%;
	height:100%;
	background-image:url('../img/punto.png');
	position:fixed;
	top:0;
	z-index:1;
}
.capch{
	font-size:14px;
	float:left;
	width:210px;
}
.fazulclaro{
	width:30px;
	height:15px;
	background-color:#3aa3c4;
	float:left;
	margin-top:8px;
	margin-right:10px;
}
#probando{
	width:100%;
	height:20px;
	float:left;
}
.red{
	width:20px;
	height:20px;
	position:fixed;
	z-index:2;
}
#ci{
	position:absolute;
	top:120px;
	left:0.5%;
	background-image:url('../img/curvai.png');
}
#cd{
	position:absolute;
	top:120px;
	right:0.5%;
	background-image:url('../img/curvad.png');
}
#cia{
	bottom:52px;
	left:0.5%;
	background-image:url('../img/curvaia.png');
}
#cda{
	bottom:52px;
	right:0.5%;
	background-image:url('../img/curvada.png');
}
#garantia{
	width:85px;
	height:85px;
	position:absolute;
	left:30%;
	float:left;
	background-image:url('../img/garantia1.jpg');
	background-repeat:no-repeat;
	cursor:pointer;
	cursor:hand;
}
#barrai{
	height:100%;
	width:0.5%;
	float:left;
	position:fixed;left:0;
	background-color:#003155;
	z-index:99999;
	bottom:45px;
}
#barrad{
	height:100%;
	width:0.5%;
	float:right;
	background-color:#003155;
	position:fixed;
	right:0;
	z-index:99999;
	bottom:45px;
}
#barraa{
	width:100%;
	height:7px;
	background-color:#003155;
	position:fixed;left:0;
	bottom:45px;
	z-index:99999;
}
#amevec{
	height:45px;
	width:150px;
	float:right;
	margin-top:-12px;
	background-image:url('../img/amevec.png');
	background-repeat:no-repeat;
	cursor:pointer;
	cursor:hand;
}
.titulos{
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}