/**********************************************

	Pagina Web Realizado por CcapaSistemas.

***********************************************/

body{

	font-size:16px;

}

.contenedor{

	margin:0 auto;

	padding:0;
	background:rgb(235, 233, 207);

}

h1, h2{

	font-size:14px;

	font-family:'calibri', verdana;

}

h3, h4, h5, h6{

	font-family:'frabk';

}

p{

	font-family:'frabk';

	line-height:20px;

	font-size:12px;

}

/****************

	RESET

******************/

*{outline:0; outline:none;}

.left{float:left;}

.right{float:right;}

.clear{clear:both; font:0px Arial;}

a{text-decoration: none;}

ul{list-style: none;}

html{direction:ltr}

img{border:none; padding:0; margin:0;}

.hidden{display:none;}

body,

input[type="text"],

textarea,

select,

option{font-family: Arial;}

input[type="text"],

textarea,

select,

option,

option{color:#666;}

input[type="text"],

textarea,

select{border:1px solid #333; background:#FFF;}

textarea,

option{font-size:12px;}

input[type="radio"],

input[type="checkbox"]{border:none;}

input[type="text"],

input[type="password"],

textarea{

-moz-box-shadow: inset  5px 5px 5px #d0d0d0;

-webkit-box-shadow: inset 5px 5px 5px #d0d0d0;

box-shadow: inset  5px 5px 5px #d0d0d0;

border:none !important;

}



#footer ul{font-family: 'calibri';}



html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin: 0; padding:0; border:0;}



body{margin:0; padding:0; font-size:12px; font-family: 'calibri'; overflow-x:hidden;}



/******************

	FONTS

********************/

@font-face {

	font-family: 'calibri';

	font-style: normal;

	font-weight: normal;

	src: local('calibri'), url('fonts/calibri.ttf') format('truetype');

	src: url('../css/font/calibri.eot')\9;}

@font-face {

	font-family: 'frabk';

	font-style: normal;

	font-weight: normal;

	src: local('calibri'), url('fonts/frabk.ttf') format('truetype');

	src: url('../css/font/frabk.eot')\9;}

@font-face {

    font-family: 'BebasNeueRegular';

    src: url('fonts/BebasNeue-webfont.eot');

    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/BebasNeue-webfont.woff') format('woff'),

         url('fonts/BebasNeue-webfont.ttf') format('truetype'),

         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}





/***********************

		Home

*************************/

#wrapper{

	background:#fff;

	width:100%;

}

#header{

	height:459px;

	width:100%;

	background: black;

/*	background: #30662f;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwNjYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NGI1NjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #30662f 0%, #64b562 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30662f), color-stop(100%,#64b562)); 

background: -webkit-linear-gradient(top,  #30662f 0%,#64b562 100%); 

background: -o-linear-gradient(top,  #30662f 0%,#64b562 100%);

background: -ms-linear-gradient(top,  #30662f 0%,#64b562 100%); 

background: linear-gradient(top,  #30662f 0%,#64b562 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30662f', endColorstr='#64b562',GradientType=0 );

*/}


.galeria  table {border: 1px solid #DBDBDB;float: none;}
 .galeria table tbody tr:nth-child(1) td{ color: white !important;background: #1772BE !important; border: 1px solid #fff;}
 .galeria table tbody tr td{color:black;line-height: 52px; font-size:14px !important;text-align: center;padding: 0px 20px;border: 1px solid #fff;  }
.galeria table{ width: 700px; margin: 0 auto !important;}
   .galeria table tbody tr:nth-child(2n+1){background: #969696;}
  .galeria table tbody tr:nth-child(2n){background: #868080;}


.cabecera{

	width:980px;

	height:40px;

	margin:0 auto;
	background:black;

}

.box-phone{

	padding:0 10px 0 10px;

	float: right;

}

.phone{

	font-size:17px;

	color:#fff;	

	float: left;

}

.box-phone h2{

	margin:0 !important;

	padding:0px !important;

}

.box-phone p{

	font-size:15px;

	padding-left:20px;

	float:right;

	color:#fff;

	display: inline-block;

	vertical-align: center;

}

#nav{

	height:86px;

	position: relative;

	width:100%;

	background:url(../images/bg_logo_nav.jpg) repeat-x;

	border-top:1px solid #333333;

	box-shadow:0 3px 4px #000;

	-webkit-box-shadow:0 3px 4px #000;

	-moz-box-shadow:0 3px 4px #000;

}

.menu-content{

	margin:0 auto;

	width:980px;

}



.logo{

	width:337px;

	height:86px;

	/*background:url(../images/bg-logo.jpg) right center no-repeat;*/

	

}

.logo h1{

	width:325px;

	font-family:'BebasNeueRegular' !important;

	text-shadow:1px 1px 10px #fff;

	line-height:80px;

	color:#E9F5D3;

	letter-spacing:1px;

	font-size:40px;

	font-weight:bold;

	text-align:center;

	padding:0 20px;

	background:url(../images/trebol.png) left  center no-repeat, url(../images/trebol1.png) right center no-repeat;

	background-size:20%;

	height:80px;

}



.nav{

	width:627px;

	left:445px;

	

	height:86px;

	position: absolute;
	/* fin imagen 

	background:url(../images/bg_logo_nav.jpg) repeat-x;

	*/

	z-index:999999;

}

.nav ul li{

	float:left;



}

.nav ul li img{

	margin-top:20px;

}

.nav li a{

	padding:4px 21px;

	color:#fff;

	text-transform:uppercase;

	font-family:'calibri', verdana;

	font-weight:bold;

	

	text-decoration:none;

	line-height:78px;

	display: block;

	font-size:14px;

	-moz-transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

.nav li a:hover{

	background:rgba(32, 213, 254,.2);

	color: #FFF;

}

#banner{

	height:332px;

	width:100%;

	background:url(../img/fondo_slider.jpg) center repeat-x;

}

.box-slider{

	width: 400px; 

	height:341px; 

	padding:10px 10px 10px 20px; 

	background:url(../img/trebol_slider.png) no-repeat; 

	position: absolute; 

	display: block;

	z-index:2;

}



/*********************

	Slider

***********************/

/*#slider{width: 980px; position: relative; height:341px; padding:0; overflow: hidden; margin: 0px auto

	; }*/

#slider ul{list-style: none; height: 341px; width: 100%; }

#slider li{float:left; height:341px; position: relative; }

#slider .overlay {width:1000px; margin: 0 auto; height: 303px; position: relative; z-index: 2; }

#slider .overlay .left-side,

#slider .overlay .right-side {width:450px; height: 0; position: absolute; top:50px; }

#slider .overlay .left-side { left: 35px; }

#slider .overlay .right-side { right: 35px; }

#slider .overlay .top { white-space: nowrap; width: 450px; position: absolute; bottom: 0; left: 0; overflow: hidden; display: none; }

#slider .overlay .bottom {width: 400px; height:341px; padding:10px 10px 10px 20px; /*background:url(../img/trebol_slider.png) no-repeat;*/ position: absolute; top:-50px; left: -5px; display: none; }

#slider .overlay .bottom h2{ font-size:27px !important; letter-spacing:0.5px; color:#FFFFCC !important; line-height:26px !important; padding:10px 0 !important; width:290px;

}

#slider .overlay .bottom p{ width:220px;}

#slider .overlay .bottom p, .bottom h2, .tit_1 h2{ font-size:16px; line-height: 22px; color:#FFFFCC; padding: 0 0 20px; font-weight:bold; }

#slider .overlay .bottom a.btn_2{ width:149px; height:45px; background:url(../images/btn.png) right center no-repeat #018949; border-radius:45px; display: block; color:#FFF; font-weight:bold; padding:0 10px 0 15px; border:1px solid #49BA87; box-shadow:0 0 1px #0F7D4C; text-decoration:none; line-height:45px; font-family:'calibri'; font-size:17px;

	-moz-transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;}

#slider .overlay .bottom a.btn_2:hover{color:#66CD00;}

#slider .overlay .product-details-button {width: 126px; height: 36px; display: block; padding: 0 22px 0 0; text-align: center; color: #f6eed3; line-height: 34px; }

#slider .overlay .product-details-button:hover { text-decoration: none; background-position: 0 -36px; }

#slider .overlay h1 { font-size: 88px; color: #f8f2df; text-transform: uppercase; line-height: 120px; font-weight: normal; letter-spacing: -4px; }

#slider .image{background-repeat: no-repeat; position: absolute; top:0px; left:0px; z-index: 1; width:991px; height: 341px; }

#slider .jcarousel-clip{width: 100%; height: 324px; position: relative; overflow: hidden; margin:0 !important;}

#slider .jcarousel-prev,

#slider .jcarousel-next{background-image:url(../img/flechas.png); width:33px; height:36px; position: absolute; top: 276px; cursor: pointer; z-index: 9999; }

#slider .jcarousel-prev{background-position: 0 0; left:5px;}

#slider .jcarousel-prev:hover {background-position: 0 -38px;}

#slider .jcarousel-next{background-position: -35px 0; left: 43px; }

#slider .jcarousel-next:hover{background-position: -35px -38px; }



/**************************

			BODY

****************************/

#body{

	width:980px;

	padding:25px 0;

}

.titulo-principal{

	font-size:40px !important;

}

.sidebar{

	width:223px;

	padding:0 10px;

}



.sidebar .box-servicios{

	background: #1A4883;
	font-size:15px;
	width:203px;
	
	padding:10px;

}

.box-servicios ul li{

	margin:1px;

	padding:10px;

	/*background:url(../images/lista.png) left center no-repeat;*/

	line-height:15px;
	background-color:rgb(8, 40, 78);

}





.box-servicios ul li:hover{
    

    margin:1px;
    
	padding:10px;
	line-height:15px;
	text-decoration:none;
	background-color:#1A4883;
}
.nosotros{

	width:722px;

	margin-left:15px;

}
.texto_imagen{ height:300px; }
.texto_imagen p{font-size:16px;	line-height:24px; padding: 30px 0 0 15px;}

.nosotros h2, .sidebar h2, .nosotros h4{

	font-weight:bold;

	font-size:24px;

	color: #B32D00;

	text-transform:uppercase;

	font-family:'BebasNeueRegular';

	margin:15px 0;

}
.nosotros img{
	float:left;
	border: 2px #0E4E81 solid;
	margin-right:15px;
	

}
.nosotros h2 span, .sidebar h2 span{

	color:#333;

}

.nosotros h4{

	font-size:20px !important;

}

.nosotros p{
	font-size:15px;
	line-height:21px;

	text-align:justify;
	padding: 6px 30px;

}
/**********principal*****************/
.principal{

	width:722px;

	margin-left:15px;

}

.principal h2, .principal h2, .principal h4{

	font-weight:bold;

	font-size:24px;

	color:#009003;

	text-transform:uppercase;

	font-family:'BebasNeueRegular';

	margin:15px 0;

}


	

.principal h2 span, .sidebar h2 span{

	color:#333;

}

.principal h4{

	font-size:20px !important;

}

.principal p{
	font-size:16px;
	line-height:24px;

}

.box_principal{

	width:200px;

	margin:4px 20px;
	height:300px;

}

.box_principal img{

	width:200px;

	height:130px;

	display: block;

	background:#333;

	margin:5px 0;

}

.box_principal h3{

	font-size:17px;

	color: #0E4E81;

	font-weight:bold;

}
/***************productos****************/

.productos{

	width:722px;

	margin-left:15px;

}

.productos h2, .sidebar h2, .productos h4{

	font-weight:bold;

	font-size:25px;

	color: #fff;

	text-transform:uppercase;

	font-family:'helvetica';

	margin:15px 15px;
	text-align: center;

}

 

#caja {
	width: 680px;
height: 30px;
background: #BE2323;
display: inline-block;
margin-left: 17px;



}




.box_productos{ width:707px; height:150px;}
	

.productos h2 span, .sidebar h2 span{

	color:#333;

}

.productos h4{

	font-size:20px !important;

}

.productos p{
	font-size: 14px;
line-height: 20px;
text-align: justify;
margin: 0px 12px;
font-family: sans-serif;
}
.galeria{
	width:722px;
	height:600px;
	padding:10px 0 0 15px;

}
.galeria li{
	padding:10px 10px 10px 10px; float:left;
background:#0A1727;


}
/*=================servicios=========================*/


.servicios h2, .sidebar h2, .servicios h4{

	font-weight:bold;

	font-size:17px;

	color:#FFFFFF;

	text-transform:uppercase;

	font-family:'BebasNeueRegular';

	margin:15px 0;
	width: 125px;

}
.servicios img{
width: 100px;
height: 100px;
margin: 10px 0;
border: 2px #0E4E81 solid;
display: inline-block;
	
	}
.box_servicios{ width:707px; padding-left:10px; float:left;}



	

.servicios h2 span, .sidebar h2 span{

	color:#333;

}

.servicios h4{

	font-size: 14px !important;


}

.servicios p{

font-size: 16px;
width: 120px;
line-height: 18px;
text-align: justify;



}
.box-servicios img{

	width:200px;

	height:130px;

	display: block;

	background:#333;

	margin:5px 0;

}

.box-servicios h3{

	font-size:17px;

	color:#009003;

	font-weight:bold;

}
/*----------------------contactenos------------------*/
/*=================servicios=========================*/
.contactenos{

	width:100%;

	margin-left:15px;

}

.contactenos h2, .sidebar h2, .contactenos h4{

	font-weight:bold;

	font-size:28px;

	color: #B32D00;

	text-transform:uppercase;

	font-family:'BebasNeueRegular';

	text-align: center;

}
.contactenos img{
	float:left;	
	padding: 0 10px 0 10px;
	}
.box_contactenos{ 
width:707px; 
height:150px; 
padding-left:10px;
loat:left;
}
	

.contactenos h2 span, .sidebar h2 span{

	color:#333;

}

.contactenos h4{

	font-size:20px !important;

}

.contactenos p{

	font-size:16px;
	
	line-height:24px;

}
.formulario{
	
	margin-top:20px;
	width:350px;
	float:left;
}
.formulario form input[type="text"], input[type="phone"] {
	width:320px;
	height:30px;
	color:#666;
	padding-left:8px;
	float: left;
	box-shadow:0 0 5px #999 inset;
	-webkit-box-shadow:0 0 5px #999 inset;
	-moz-box-shadow:0 0 5px #999 inset;
}


.formulario form textarea {
	width:327px;
	height:80px;
	resize:none;
	float: left;
	font-size:13px;
	color:#666;
}
.formulario form label {
    clear: both;
    
    font-size: 14px;
    height: 40px;
    line-height: 25px;
    width: 180px;
}
.formulario form input[type="submit"], input[type="reset"] {
	width:90px;
	height:30px;
	border:none;
	color: #fff;
	font-weight:bold;
	float: left;
	margin:10px;
	display:inline-block;
	background:#1A4883;
}

.formulario form input[type="submit"]:hover, input[type="reset"]:hover {

	background:rgb(8, 40, 78);

}





.direccion{float:left; padding:20px 0 20px 0; width:350px;}
.bg-contacto{ width:275px; float:left; padding:8px 0 0 28px;}
.mapa {width:350px; margin-top:15px;}
.mapa img {margin:20px 0 0 5px; padding:7px; border:1px solid #eaeaea; width:350px;}
/*****end contactenos**************/

#li{

width:920px;
height:30px;
background: rgba(5, 41, 49, 0.2);
float:left;
border-radius: 12px 12px 12px 12px;
-moz-border-radius: 12px 12px 12px 12px;
-webkit-border-radius: 12px 12px 12px 12px;
border: 0px solid #000000;
margin:0 15px;

}
.horario{

float:left;
width:200px;
margin:20px;


}


.lugar {

width: 950px;
height:220px;


}

#footer{

	width: 100%;
float: left;

}

.footer{

	margin:0 auto;

	width:940px;

	padding:20px;

}

.footer p{

	font-size:12px;

	color:#999;

}

.footer .copy{

	width:550px;

}

.footer .copy a{

	color:#990000;

	text-decoration:none;

}

.footer .copy a:hover{

	text-decoration:underline;

};

.footer .menu-bottom{

	width:490;

}

.footer .menu-bottom ul li{

	float:left;

	margin:0 10px;

}

.menu-bottom li a{

	font-family:'frabk';

	font-size:12px;

	color:#666;

	text-decoration:none;

}

.menu-bottom li a:hover{

	text-decoration:underline;

}

/*FOOTER*/
.call {
    height: 1%;
    margin: -15px 14px 10px;
}
.call strong {
    background: url("../images/shadow.png") repeat scroll 0 0 transparent;
    border-radius: 20px 20px 20px 20px;
    color: rgb(37, 129, 140)!important;
   /* float: left;*/
    font-size:18px;
    padding: 3px;
    text-decoration: none;

}


dl {
    margin: 0 0 23px;
    overflow: hidden;
    width: 280px;
    color:#E6E6E6;
    font-size: 14px;
    line-height: 1.25;
}
dl dt {
    float: left;
    padding: 0 4px 0 2px;
   
}
dd a{
    margin: 0;
    overflow: hidden;
}
.massage-form {
    padding: 3px 0 0;
    width: 100%;

}
.massage-form .text-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: none repeat scroll 0 0 rgba(200, 200, 200, .3);
    border: 2px solid #333;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-size:14px;
    margin: 0 0 12px;
    overflow: hidden;
    padding: 9px 9px 8px;
    width: 270px !important;
    color:#999;
}
.massage-form textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background: none repeat scroll 0 0 rgba(200, 200, 200, .3);
    border: 2px solid #333;
    border-radius: 5px 5px 5px 5px;
    height: 122px;
    font-size:14px;
    margin: 0 0 9px;
    min-height: 40px;
    overflow: auto;
    padding: 9px 9px 5px;
    width: 270px !important;
    color:#999;
}
:-moz-placeholder {
    color: #999;
}
.massage-form .submit {
    background: url("../images/shadow.png") repeat scroll 0 0 transparent;
    border-radius: 15px 15px 15px 15px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 3px;
    text-decoration: none;
    width: 112px;
}

.map {
    border: 2px solid #D7D7D7;
    border-radius: 5px 5px 5px 5px;
    margin: 15px 0 12px;
    max-width: 266px;
    overflow: hidden;
}
.map img{
	width:100%;
	display: block;
}



/*FIN FOOTER*/


/*CONTACTENOS*/
/*iconos de contactenos*/

#formu{
position:absolute;
width:50px;
height:50px;
background:url(../images/set-icons4.png) 0 -54px no-repeat;
margin:0 20px;
}
#casa{
position:absolute;
width:50px;
height:50px;
background:url(../images/set-icons4.png) -270px -54px no-repeat;
margin:0px 40px;
}
#telefo{
position:absolute;
width:50px;
height:50px;
margin:50px 75px;
background:url(../images/set-icons4.png) -170px -54px no-repeat;
}
#email{
position:absolute;
width:50px;
height:50px;
margin:310px 105px;
background:url(../images/set-icons4.png) -230px -54px no-repeat;
}
#hora{
position:absolute;
width:50px;
height:50px;
margin:-10px 0px;
background:url(../images/set-icons4.png) -110px -54px no-repeat;
}
#ubicacion{
position:absolute;
width:50px;
height:50px;
margin-top:420px;
background:url(../images/set-icons4.png) -50px -54px no-repeat;
}

/*hover*/

#formu:hover{
background:url(../images/set-icons4.png) 0 0 no-repeat;
}
#casa:hover{
background:url(../images/set-icons4.png) -270px 0 no-repeat;
}
#telefo:hover{
background:url(../images/set-icons4.png) -170px 0 no-repeat;
}
#email:hover{
background:url(../images/set-icons4.png) -230px 0 no-repeat;
}
#hora:hover{
background:url(../images/set-icons4.png) -110px 0 no-repeat;
}
#ubicacion:hover{
background:url(../images/set-icons4.png) -50px 0 no-repeat;
}


.mision{
width:360px;
margin-top: 34px;


}
.vision{
width:360px;
margin-top: 34px;


}
.valores{
width:220px


}


.visi, .misi, .valor{
		width: 100px;
		height: 85px;
		float: left;
		
	}
	.visi{
		background: url(../images/set-icons2.png) 0 0;
	}
	.misi{
		background: url(../images/set-icons2.png) -117px 0;
	}
	.valor{
		background: url(../images/set-icons2.png) -228px 0;
	}
	/*hover*/
	.visi:hover, .misi:hover, .valor:hover{
		transition:all 1s;
		-webkit-transition:all 1s;
		-o-transition:all 1s;
		-moz-transition:all 1s;
		-ms-transition:all 1s;
	}
	.visi:hover{
		background: url(../images/set-icons2.png) 0 -113px;
	}
	.misi:hover{
		background: url(../images/set-icons2.png) -117px -113px;
	}
	.valor:hover{
		background: url(../images/set-icons2.png) -228px -113px;
	}