@import url(css3.css);

*{margin:0; padding:0; outline:0;}
html{
	height:100%;
	margin:0 auto;
	overflow-y: hidden;
	overflow-x: hidden;
}
body{
	font-size:12px;
	font-weight:normal;
	background-color:#fff;
	margin:0 auto;
	height:100%;
	overflow-y: hidden;
	overflow-x: hidden;
}
@font-face { 
	font-family: "Calibri"; 
	src: url(../fonts/calibri.ttf);
	font-family: "Trajan"; 
	src: url(../fonts/trajan.otf);
}
a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2D8A13;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
}
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666;
	text-decoration:none;
	font-weight:bold;
}
h1{
	font-family: "Trajan";
	font-size:15px;
	font-weight:normal;
	text-align:left;
	color:#C7E6B7;
	text-decoration:none;
}
.tit{
	font-family: "Trajan";
	font-size:23px;
	font-weight:bold;
	text-align:left;
	color:#0E7E43;
	padding-bottom:10px;
	text-decoration:none;
}
.tit-two{
	font-family: "Trajan";
	font-size:23px;
	font-weight:bold;
	text-align:left;
	color:#3CB600;
	padding-bottom:10px;
	text-decoration:none;
}
.tit-tree{
	font-family: "Trajan";
	font-size:14px;
	font-weight:normal;
	text-align:left;
	color:#fff;
	text-decoration:none;
}
a span{	display:none;}
li{list-style:none}
p{font-size:13px; text-align:left; color:#B0FA92; }
strong, b{font-weight:bold}
.bold{font-weight:bold}
.italic{font-style:italic}
img{ border:0px;}

#maximage {
/*	position:fixed !important;*/
}
			
#box{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}		
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// COL LEFT /////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#col-left{
	width:192px;
	height:100%;
	margin:0 auto;
	padding:0;
	display:inline;
	position:relative;
	float:left;
	margin-left:22px;
	background-image: url(../img/bg-left.png);
	background-repeat: no-repeat;
	background-position: left 154px;
}		
#menu {
	width:160px;
	margin:0 auto;
	padding-top:30px;
	padding-left:30px;
	padding-right:20px;
	text-align:left;
	position:relative;
}
#hojas1 {
	width:36px;
	margin:0 auto;
	height:24px;
	top:4px;
	left:-40px;
	text-align:left;
	position:absolute;
	z-index:999;
	background-image: url(../img/btn-galeria.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#hojas2 {
	width:36px;
	margin:0 auto;
	height:24px;
	top:4px;
	left:-40px;
	text-align:left;
	position:absolute;
	z-index:999;
	background-image: url(../img/btn-galeria.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#hojas3 {
	width:36px;
	margin:0 auto;
	height:24px;
	top:4px;
	left:-40px;
	text-align:left;
	position:absolute;
	z-index:999;
	background-image: url(../img/btn-galeria.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#hojas4 {
	width:36px;
	margin:0 auto;
	height:24px;
	top:4px;
	left:-40px;
	text-align:left;
	position:absolute;
	z-index:999;
	background-image: url(../img/btn-galeria.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#hojas5 {
	width:36px;
	margin:0 auto;
	height:24px;
	top:4px;
	left:-40px;
	text-align:left;
	position:absolute;
	z-index:999;
	background-image: url(../img/btn-galeria.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#hojas6 {
	width:36px;
	margin:0 auto;
	height:24px;
	top:4px;
	left:-40px;
	text-align:left;
	position:absolute;
	z-index:999;
	background-image: url(../img/btn-galeria.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.navigation  {
	width:170px;
	float:left;
	list-style:none;
}	
.navigation  li {
	float:left;		
	width:170px;
	padding-top:9px;
	padding-bottom:9px;
	position:relative;
	display:block;
	text-align:left;
	list-style:none;
}
.navigation  li a {
	font-family: "Trajan";
	font-size:15px;
	font-weight:normal;
	text-align:left;
	color:#C7E6B7;
	text-decoration:none;
}
.navigation  li a:hover {
	color:#fff;
}
.navigation  li p {
	font-family: "Trajan";
	font-size:15px;
	font-weight:normal;
	text-align:left;
	color:#fff;
	text-decoration:none;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// COL CENTER ///////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#col-center{
	width:980px;
	margin:0 auto;
	display:inline;
	padding:0px;
	float:left;
}
#col-c-head{
	width:980px;
	height:154px;
	margin:0 auto;
	display:block;
	padding:0px;
	float:left;
}
#submenu{
	width:178px;
	height:176px;
	margin:0 auto;
	display:inline;
	padding:0px;
	float:left;
	background-image: url(../img/submenu.png);
	background-repeat: no-repeat;
	background-position: center right;
}
#sub-cont{
	width:157px;
	height:120px;
	margin:0 auto;
	padding:0px;
	float:left;
}
#menu-sub{
	width:127px;
	padding-top:60px;
	margin:0 auto;
	padding-left:27px;
	padding-right:15px;
	float:left;
}
#menu-sub li{
	width:127px;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	margin:0 auto;
	float:left;
	border-bottom:#3CB600 1px solid;
}
#menu-sub li a{
	font-family: "Calibri";
	color:#C7E6B7;
	font-weight:bold;
	font-size:14px;
}
#menu-sub li a:hover{
	font-family: "Calibri";
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
.over{
	font-family: "Calibri";
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
#contenido{
	width:618px;
	height:375px;
	margin:0 auto;
	display:inline;
	float:left;
	background-image: url(../img/contenido.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#contenido-two{
	width:741px;
	height:360px;
	margin:0 auto;
	display:inline;
	float:left;
	background-image: url(../img/contenido-two.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#contenido-gallery{
	width:618px;
	height:355px;
	margin:0 auto;
	display:inline;
	float:left;
	margin-left:2px;
	background-image: url(../img/contenido-gallery.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#conte{
	padding:25px;
	font-family: "Calibri";
	color:#C7E6B7;
	font-size:13px;
}
#conte-two{
	padding:13px;
	float:left;
}
.blanco {
	color:#fff;
	font-weight:bold;
}
.bold-white {
	color:#fff;
	font-size:15px;
	font-weight:bold;
}
#conte-l{
	width:320px;
	padding-right:20px;
	display:inline;
	padding:0px;
	float:left;
	position:relative;
}
#conte-l p{
	padding-right:20px;

}
#conte-r{
	width:236px;
	display:inline;
	float:left;
	padding-top:8px;
	position:relative;
}
#conte-r-top{
	width:236px;
	height:238px;
	display:inline;
	float:left;
	padding:0px;
	position:relative;
}
#conte-r-bottom{
	width:236px;
	height:55px;
	display:inline;
	float:left;
	padding:0px;
	position:relative;
}
#sub-info{
	width:140px;
	padding-top:15px;
	margin:0 auto;
	padding-left:17px;
	padding-right:25px;
	float:left;
	text-align:right;
	font-family: "Calibri";
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
#contact-top{
	width:585px;
	height:45px;
	padding-left:5px;
	padding-top:12px;
	margin:0 auto;
	float:left;
	text-align:left;
	font-family: "Calibri";
	color:#fff;
	font-weight:bold;
	font-size:13px;
}
.contact-box{
	padding-right:20px;
	float:left;
	position:relative;
	display:inline;
	margin:0 auto;
}
.contact-box a{
	font-family: "Calibri";
	color:#fff;
	font-size:13px;
}
.contact-box a:hover{
	font-family: "Calibri";
	color:#C7E6B7;
	font-size:13px;
}
#contact-bottom{
	width:585px;
	padding-left:5px;
	padding-top:12px;
	margin:0 auto;
	float:left;
	text-align:left;
	font-family: "Calibri";
	color:#fff;
	font-weight:bold;
	font-size:13px;
}
#contact-bottom-l{
	width:220px;
	margin:0 auto;
	float:left;
	display:inline;
}
#contact-bottom-r{
	width:300px;
	margin:0 auto;
	float:left;
	display:inline;
}
.thanks {
	font-family: "Trajan";
	font-size:19px;
	font-weight:normal;
	text-align:left;
	color:#fff;
	text-decoration:none;
}
ul.success{
	width:610px;
	height:236px;
	padding-top:4px;
	margin:0 auto;
	float:left;
	overflow:hidden;
	text-align:left;
}
ul.success li{
	position:relative;
	width:117px;
	height:117px;
	float:left;
	padding:1px;
	display:inline;
}
ul.success li img{
	position:absolute;
	left:0;
	top:0;
	width:117px;
	height:117px;
	z-index:1111;
}
ul.success li a{
	position:absolute;
	left:0;
	top:0;
	width:117px;
	height:117px;
	color:white;
	text-align:center;
	font-size:12px;
	text-indent:-33333px;
	z-index:99;
}
ul.success li a:hover{
	position:absolute;
	top:0px;
	width:117px;
	height:117px;
	color:white;
	text-align:center;
	font-size:12px;
	z-index:99;
	text-indent: inherit;
	background-image: url(../../img/cover.png);
	background-repeat: repeat;
	background-position: left top;
}
ul.success li a:hover img{
	position:absolute;
	left:0;
	top:0;
	width:117px;
	height:117px;
	z-index:-111111;
	background-image: url(../../img/cover.png);
	background-repeat: repeat;
	background-position: left top;
	opacity: 0.2;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 20);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity = 20);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
}
ul.success li h1{
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	padding-top:45px;
	padding-left:7px;
	padding-right:7px;
	text-align:center;
	text-transform:uppercase;
}
#galeria-bottom{
	width:610px;
	height:55px;
	padding-top:4px;
	margin:0 auto;
	float:left;
	text-align:left;
}
.galeria-bot{
	width:59px;
	height:55px;
	margin:0 auto;
	float:left;
	display:inline;
}
.galeria-info{
	width:475px;
	line-height:55px;
	text-align:center;
	height:55px;
	margin:0 auto;
	float:left;
	display:inline;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// FOOTER ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#footer{
	width:626px;
	height:142px;
	position:absolute;
	right:0px;
	bottom:0px;
	padding:0px;
	margin:0 auto;
}
#telefono{
	width:572px;
	padding-right:53px;
	height:42px;
	line-height:42px;
	padding-bottom:3px;
	text-align:right;
	display:block;
	font-family: "Calibri";
	color:#FFF;
	font-size:25px;
	font-weight:bold;
	margin:0 auto;
}
#bg-btnfoot-one{
	width:167px;
	height:97px;
	float:left;
	padding-right:2px;
	position:relative;
	margin:0 auto;
}
#bg-btnfoot-two{
	width:132px;
	height:97px;
	padding-right:2px;
	float:left;
	position:relative;
	margin:0 auto;
}
#fulscreen{
	width:54px;
	height:54px;
	margin-top:43px;
	float:left;
	position:relative;
	margin:0 auto;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// FORMS ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/

label{
	display:block;
	color:#696969;
}
input {
	width:170px;
	height:21px;
	line-height:21px;
	background-color:#63C533;
	padding:3px;
	font-family: "Calibri";
	color:#FFF;
	border:none;
	font-family:13px;
	margin-bottom:12px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
input:focus {
	background-color: #119550;
}
textarea {
	width:355px;
	height:180px;
	background-color:#63C533;
	padding:3px;
	font-family: "Calibri";
	color:#FFF;
	border:none;
	font-family:12px;
	margin-bottom:12px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

}
textarea:focus {
	background-color: #119550;
}
select{
	background-color: #fff;
	padding:3px;
	color:#333;
	font-family: "ArialNarrow"; 
	width:135px;
	font-family:11px;
	border: 1px solid #CCC;
}
select:focus{
	background-color: #fff;
	padding:3px;
	color:#333;
	font-family:11px;
	border: 1px solid #4D5B41;
}
.boton{
	width:120px;
	height:25px;
	line-height:25px;
	background-color:#0E7E43;
	padding:3px;
	font-family: "Calibri";
	color:#FFF;
	border:none;
	float:right;
	font-family:22px;
	font-weight:bold;
	margin-bottom:12px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	cursor:pointer;
}
.boton:hover{
	background:#333;
}