@charset "utf-8";
/* CSS Document */

@font-face{
	font-family:'Lamia';
	src:url(../fuentes/frank.ttf), url(../fuentes/frankLamia.eot), url(../fuentes/frankLamia.woff), url(../fuentes/frankLamia.svg);
	font-weight: normal;
    font-style: normal;	
}

body{font-family:Lamia;margin:0;padding:0;}
img{border:none;}
#container h3{font-weight:100;}
.logos{margin:20px 30px;}
#bar_sup{
	display:block;
	min-width:1100px;
	width:100%;
	height:203px;
	margin:auto;
	background:url(../images/sup_bar.png);	
}

#sup_cont{
	display:block;
	width:100%;
	max-width:1280px;
	min-width:1100px;
	height:200px;
	margin:auto;
		
}

#menu{
	display:block;
	float:right;
	margin-top:40px;
	height:auto;
		
}

.nav li{
	list-style:none;
	float:left;	
}

.nav li a{
	color:white;
	display:block;
	text-decoration:none;
	padding:10px 8px;
	border-radius:5px;	
}

.nav li a:hover{
	background: #a53c00; /* Old browsers */
background: -moz-linear-gradient(top,  #a53c00 0%, #7c2702 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a53c00), color-stop(100%,#7c2702)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a53c00 0%,#7c2702 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a53c00 0%,#7c2702 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a53c00 0%,#7c2702 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a53c00 0%,#7c2702 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a53c00', endColorstr='#7c2702',GradientType=0 ); /* IE6-9 */
}

#container{
	display:block;
	width:100%;
	max-width:1280px;
	min-width:1100px;
	min-height:400px;
	height:auto;
	margin:auto;	
	//background:#0CC;
}

#banner{
	display:block;
	width:100%;
	min-width:1100px;
	height:406px;
	border-radius:12px;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-webkit-border-radius:12px;
	background: #ff9b0f; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ff9b0f 0%, #ff670f 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ff9b0f), color-stop(100%,#ff670f)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ff9b0f 0%,#ff670f 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ff9b0f 0%,#ff670f 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ff9b0f 0%,#ff670f 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ff9b0f 0%,#ff670f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b0f', endColorstr='#ff670f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

#info_home{
	display:block;	
	width:100%;
	max-width:1280px;
	min-width:1100px;
	height:auto;
	min-height:200px;
	margin:50px auto;
}

#info_home img{
	float:left;	
	margin-left:7.5%;
	max-width:24%;
	box-shadow:2px 2px 5px #666;
	border-radius:12px;
	-moz-border-radius:12px;
	-ms-border-radius:12px;
	-o-border-radius:12px;
	-webkit-border-radius:12px;
}

#footer{
	display:block;
	width:100%;
	min-width:1100px;
	height:142px;
	background:url(../images/inf_bar.png);	
}

#tabla{
	display:table;	
}

#fila{
	display:table-row;
	width:1000px;
	height:auto;	
	//background:#00C;
	margin-top:20px;
}

#columna{
	display:table-cell;
	width:300px;
	height:500px;
	padding:30px 10px;
	float:left;
	margin-left:10px;
	margin-top:20px;
	text-align:center;
	border-left:solid 1px #ddd;	
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #BBB;
	background:#EEE;
}











/*-------------formulario------------------*/



.wrapper {
	display:block;
	width:300px;
	//margin-top:500px;
	float:right;
}

/* Form 1 style */


.formtitle {
	padding: 10px;
	line-height: 16px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #888;
	width: 500px;
	background: #ffb76b; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */



}

.input {
	width: 430px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	margin: 20px;
	overflow: hidden;
}

.inputtext {
	float: left;
	line-height: 18px;
	height: 35px;
	font-size: 14px;
	width: 120px;
}

.inputcontent {
	float: left;
	width: 290px;
	height: 50px;
}

.inputcontent input {
	padding: 5px;
	height: 18px;
	width: 200px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color: #777;
}

.inputcontent a {
	color: #0084ff;
	font-size: 12px;
	text-decoration: none;
	line-height: 12px;
}

.nobottomborder {
	border-bottom: 0;
}

.buttons {
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	padding: 15px;
	height: 34px;
}

.greybutton {
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top, #e1e1e1 0%, #bababa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#bababa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e1e1e1 0%,#bababa 100%); /* W3C */ 
	border: 1px solid #bababa;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	line-height: 20px;
	font-size: 16px;
	padding: 6px 12px;
	color: #fff;
	text-shadow: -1px -1px #bababa;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}

.greybutton:hover{
	background: #bababa; /* Old browsers */
	background: -moz-linear-gradient(top, #bababa 0%, #e1e1e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #bababa 0%,#e1e1e1 100%); /* W3C */ 
}

.orangebutton {
	background: #b4e391; /* Old browsers */
background: -moz-linear-gradient(top,  #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b4e391 0%,#61c419 50%,#b4e391 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#b4e391',GradientType=0 ); /* IE6-9 */


	border: 1px solid #abee63;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	line-height: 20px;
	font-size: 16px;
	padding: 6px 12px;
	color: #080;
	text-shadow: -1px -1px #888;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}

.orangebutton:hover{
	background: #abee63; /* Old browsers */
	background: -moz-linear-gradient(top, #abee63 0%, #8cd63c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abee63), color-stop(100%,#8cd63c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #abee63 0%,#8cd63c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #abee63 0%,#8cd63c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #abee63 0%,#8cd63c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9b19', endColorstr='#ffc339',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #abee63 0%,#8cd63c 100%); /* W3C */
}

/* Form 2 Style */

.form2 {

	width: 500px;
	margin-top:50px;
	float: right;
	background: #fff;
	color: #777;
	-webkit-box-shadow: 2px 2px 8px #000;
	-moz-box-shadow: 2px 2px 8px #000;
	box-shadow: 2px 2px 8px #000; 
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	overflow: hidden;
}

.textarea {
	padding: 5px;
	height: 100px;
	width: 200px;
	line-height: 18px;
	border: 1px solid #c7c7c7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color: #777;
}

.inputtextbox {
	width: 410px;
	margin-bottom: 10px;
	margin: 20px;
	overflow: hidden;
}

.inputtextbox .inputcontent {
	height: 114px;
}