@charset "UTF-8";
/* CSS Document */
a img {
    border: 0;
}

@font-face {
	font-family: 'Conv_TR Arial Black';
	src: url('TR Arial Black.eot');
	src: local('☺'), url('TR Arial Black.woff') format('woff'), url('TR Arial Black.ttf') format('truetype'), url('TR Arial Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:url(images/wall4.png);
	font-family: 'Conv_TR Arial Black';
}
a {
	color:#FFF;
	text-decoration:none
}
#w2 {
	width:1000px;
	margin:auto;
	background:url(images/wood_p.jpg);
	box-shadow:0px 0px 75px #000;
	position:relative;
	min-height: 5366px;
	opacity:0;
}
#m1 {
background: url(../images/line_orange.png);
height: 25px;
width: 100%;
position: fixed;
z-index: 500;
margin-top: 15px;
box-shadow: 0px 0px 25px rgba(0, 0, 0, .5);
}
#m2 {
	margin:0;
	padding:0;
	list-style:none;
	color:#FFFFFF;
	font-family: 'Conv_TR Arial Black';
	text-transform: uppercase;
	font-size:13px;
	float:left;
	margin-left:285px;
	width:680px
}
#m2 li {
float: left;
padding: 3px 10px;
border-right: #FFF 2px dotted;
}
#l1 {
	position:absolute;
	z-index:200;
	float:left;
	margin-top:-3px;
width: 245px;
margin-left: 35px;
}
#l1 img { width:100%}
#cm1 {
	margin:auto;
	width:1000px
}
#m2 li:hover {
	background: url(../images/line_orange.png);
	box-shadow:0px 0px 10px rgba(0, 0, 0, .5);
	padding:10px 10px;
	margin-top:-6px
}
#qi1 {
	position:relative;
	z-index:150
}
#qi2 {
	position:relative;
	top:-810px;
	left: 510px;
}
#quienes {
	margin-bottom:-600px;
	font-weight:bold;
}
h1 {
	color:#FFFFFF;
	text-transform:uppercase;
	margin:0;
	padding:0;
	width:auto;	
font-weight: normal;
}

h2 {
	color:#192B4F;
	text-transform:uppercase;
	margin:0;
	padding:0;
	width:auto;	
font-weight: normal;
font-size:19px;
}
h3 {
	color:#FFF;
	text-transform:uppercase;
	margin:0;
	padding:0;
	width:auto;	
font-weight: normal;
font-size:30px;
}
.s1 {
	width:100%;
	float:left;
	position:relative;
}
.sl1 {
float: left;
position: absolute;
top: 145px;
left: 150px;
z-index: 140;
width: 341px;
height: 519px;
background: url(images/hoja.png);
font-family: Arial, Helvetica, sans-serif;
color: #192B4F;
padding: 65px 65px 0 91px;
font-size: 14px;
line-height: 18px;
opacity:0;
}

.sl1 h2{font-family: 'Conv_TR Arial Black'; color:#E67330;
font-size: 35px;}
.title {
	width:auto;
	float:left;
	position:absolute;
	z-index:300;
}
.i1 {
	width:100%;
	clear:both;
	float:left;
}
#t_pro {
top: 63px;
left: 253px;
font-size: 40px;
}
#t_tec {
top: 5px;
left: 253px;
font-size: 20px;
line-height: 33px;
}#t_cont {
top: 10px;
left: 63px;
font-size: 30px;
line-height: 56px;
}
#t_quie{
top: 20px;
left: 584px;
font-size: 34px;
text-align: left;
}

#t_quie h1{
	text-align:right;
	line-height:58px;
}

#t_port{
top: 69px;
left: 530px;
font-size: 34px;
text-align: left;
}

#t_port h1{
	text-align: right;
line-height: 58px;
font-size: 66px;
}

#t_cat{
top: 843px;
left: 195px;
font-size: 23px;
}

#ip1 {
	position:relative;
	z-index:400}
	
	#line2 {
width: 100%;
background: url(../images/black.png) center;
position: fixed;
z-index: 800;
bottom: 0px;
margin-bottom: 15px;
-moz-box-shadow: 0px 0px 25px black;
-webkit-box-shadow: 0px 0px 25px black;
box-shadow: 0px 0px 5px black;
}

#menu2 {
width: 800px;
margin: auto;
padding: 5px 0;
}

#datos2 {
width: 700px;
float: left;
font-size: 10px;
margin-left: 15px;
color:#fff;
margin-top:1px;
}

#m3 {
	margin:0;
	padding:0;
	list-style:none;
}

#t_m3{top: 250px;
left: 194px;
font-size: 22px;
text-align: left;
-moz-transform:rotate(-8deg);
-webkit-transform:rotate(-8deg);
-o-transform:rotate(-8deg);
-ms-transform:rotate(-8deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
}

#t_m3 a{ color:#333333}

#t_m3 a:hover { color:#F04E25}

#items { padding:40px; float:left}

.i2 { width: 130px;
height:130px;
padding: 9px;
background:url(images/cuad.png);
float:left}

.i2 img { width:100px; padding:14px }

#sl2, #sl2_2 {
position: fixed;
width: 0%;
z-index: 900;
background: url(images/blue.png);
height: 10px;
overflow: hidden;
opacity:0;
}

#sl3, #sl3_2 { height:370px; width:99999px; position:absolute; top:0 }

#mas1 {
height: 370px;
width:100%;
position: relative;
overflow: hidden;
top:0;
opacity:0;
}

.i4 { 
background:#FFFFFF; float:left; 
width:500px;
text-align: center;
}

#mas1_2 {
height: 370px;
width:100%;
position: relative;
overflow: hidden;
top:0;
opacity:0;
}

.i4_2 { 
background:#FFFFFF; float:left; 
width:500px;
text-align: center;
}

#cancel {
	position:absolute;
	z-index:600;
	top:100px;
	right:200px
	}
	
	#b1, #b2, #b1_3, #b2_3 { position:absolute; z-index:600}
	
	#b1 img, #b2 img, #b1_3 img, #b2_3 img {
		width:30px}
		
		#b1_2, #b2_2 {
			position: absolute;
z-index: 600;
right:5px;}
	
	#b1_2 img, #b2_2 img {
		width:10px;
		}
		
#b1_2 {
top: 197px;
left: 10px;
}
		
		#b2_2 { top:197px}
		
#i_tec {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 13px;
line-height: 16px;
width: 446px;
position: absolute;
top: 484px;
left: 58px;
float: left;
}

#i_tec2 {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 14px;
line-height: 17px;
width: 526px;
height: 190px;
position: absolute;
top: 284px;
left: 31px;
float: left;
}

#mas2 {width: 526px;
height: 190px;
position:relative;
overflow:hidden}

#load2 {
margin: 25% 50%;
position: absolute;
z-index: 1000;
opacity:.25}

.i5 {
	width: 200px;
padding: 30px 10px 0;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, transparent), to(rgba(255, 255, 255, 0.15)));
	}
	
	#sl4 {
		height: 190px;
width: 99999px;
position: absolute;
}

h5 {
margin: 0;
padding: 0;
color: #8398A5;
font-size: 22px;
font-family: 'Conv_TR Arial Black';
}

#inf1 {
position: absolute;
float: left;
font-size: 14px;
line-height: 16px;
top: 225px;
left: -21px;
color: #fff;
}

#mapa {
box-shadow: 0 0 12px #000;
margin-bottom: -29px;
width: 250px;
height: 200px;
}

#inf2 {
position: absolute;
top: 295px;
left: 391px;
color: #02174D;
font-size: 14px;
}

input, textarea {
position: absolute;
z-index: 500;
background: rgb(248, 245, 231);
border: rgb(206, 203, 191) thin solid;
opacity: .75;
}

#enviar {
top: 319px;
left: 172px;
background: url(images/enviar.png);
border: none;
text-transform: uppercase;
color: #E9E6D6;
padding: 16px 13px;
opacity: 1;
z-index: 500;
position: absolute;
font-size: 10px;
}

#logos {
position: absolute;
top: 475px;
left: 748px;
-moz-transform: rotate(-8deg);
-webkit-transform: rotate(13deg);
-o-transform: rotate(-8deg);
-ms-transform: rotate(-8deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
}

#logos img {
width: 40px;
margin: 5px;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(10%, transparent), to(rgba(255, 255, 255, 0.15)));
}


.header, .footer { opacity:0}

.i4 img { max-width:95%}

.mapa { width:250px; height:200px; frameborder:0; scrolling:no; marginheight:0; marginwidth:0; border:none}

.pro_li { width:200px; float:left; height:240px}

.pro_li img { width:100%}

#pro_list { list-style:none; margin:0; padding:0}

#mn_cnt { position: absolute;
list-style: none;
right: 319px;
top: 229px;
margin:0;
padding:0
}

#mn_cnt li{ margin:0; padding:0; height:90px}

#dp {
	position: absolute;
top: 316px;
right: -80px;
width:180px; text-align:left
	}

#ml { position: absolute;
top: 343px;
right: -80px;
font-size: 12px; width:180px; text-align:left}

.alertcf1 {
color: #E67330;
margin-bottom: -50px;
position: absolute;
width: 240px;
font-size: 11px;
z-index:600;
margin-top: -33px;
}

.pro_li img, .i2, .mipro {
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}

.pro_li img:hover, .i2:hover, .mipro:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}