@import url(//fonts.googleapis.com/css?family=Oleo+Script);

/*css*/
@import "../css/reset.css";
@import "../css/skeleton.css";
@import "../css/superfish.css";
@import "../css/camera.css";
@import "../css/carousel.css";
@import "../css/subscribe-form.css";

body {
	background:url(../images/bg1.jpg) 0 0 repeat #f5f1e5;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#747474;
	}

.bg  {
	background:#fff;
	max-width:1041px;
	margin:0 auto;
	height:100%;
	padding:30px 0 0 0;	
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}
	
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #A3A3A3; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #7D7D7D; border-left: 1px solid #DBDBDB;font-size: 10px;font-weight: normal; }.datagrid table tbody .alt td { background: #EBEBEB; color: #7D7D7D; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #8C8C8C;background: #EBEBEB;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #F5F5F5;border: 1px solid #8C8C8C;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #7D7D7D; color: #F5F5F5; background: none; background-color:#8C8C8C;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }
a[href^="tel:"] {
	color: inherit;
	text-decoration:none;
}
* {
	-webkit-text-size-adjust: none;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after { clear: both;}
.imagendescargables img{float:left;}
/************Header************/

/*header*/
.header-box {
	margin-bottom:20px;}
.header-detalles{ width:300px; height:33px; text-align:right; float:right;}
header-detalles p a img{display:relative;}

h1.logo{
	margin:0;
}

h1.logo a {
	display:block;
	width:292px;
}

header h1 a img {display: block;}

h2 {
	font-family: 'myriad pro', regular;
	color:#0eaaf6;
	font-size:30px;
	line-height:36px;
	margin:38px 0 15px 0;
	font-weight:400;
	
	}
	
h4 {
	font-family: 'myriad pro' regular;
	color:#70b3d0;
	font-size:24px;
	line-height:38px;
	margin:19px 0 14px 0;
	font-weight:400;
	border-bottom:#e3eef3 1px solid;
	}
h5	{
		font-family: 'myriad pro', regular;
		color:#0eaaf6;
		font-size:30px;
		line-height:20px;
		margin:22px 0 15px 0;
		font-weight:400;


	}
	h6 {
	font-family: 'myriad pro' regular;
	color:#0eaaf6;
	font-size:30px;
	line-height:51px;
	margin:19px 0 14px 0;
	font-weight:400;
	border-bottom:#b7b7b7 1px solid;

	}
	
	
p.link1  {margin-bottom:5px;}

a{
	color:#0eaaf6;
}

a:hover { color:#FC8A58; text-decoration:none;}  	

p {	margin-bottom:22px;}

.button1 {
	background:#fc8a58;
	display:inline-block;
	color:#fff;
	padding:4px 10px;
	transition:all 0.2s ease 0s;
	}
	
	.button2 {
	background:#00B0F0;
	display:inline-block;
	color:#fff;
	padding:4px 10px;
	transition:all 0.2s ease 0s;
	}
	
	

.button1:hover {
	background:#ea5615;
	color:#fff;
	}
	.button2:hover {
	background:#00A0DD;
	color:#fff;
	}

.border-top {border-top:#e3e3e3 1px solid; margin-top:45px;}
.border-top2{border-top:#e3e3e3 1px solid; margin-top:23px;}

.header_ph {
	display:block;
	font-size:16px;
	line-height:20px;
	color:#acacac;
	font-weight:700;
	margin: 33px 0 0 94px;
	float:right;
}
.header_ph img {
    margin-right: 0px;
    margin-top: -5px;
	float:right;

}
.panel{
width:300px;
height:200px;
}
.panel2{
width:300px;
height:200px;

}
.panel3{

width:300px;
height:200px;
}

/************aqui quite propiedades imagen header***********/


.header_ph span  {
	color:#a6a6a6;
	font-size:12px;
	display:block;
	font-weight:400;
	}
	
/************Content***********/
#paginacion {
  border: 1px solid #CCC;
  background-color: white;
  padding: .5em;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
padding: 13px;
padding-bottom: 0;
margin: 10px;
  
  
}

.redondeado { 
border-radius:3px; 
-moz-border-radius:3px; /* Firefox */ 
-webkit-border-radius:3px; /* Safari y Chrome */ 
}
.redondeado p{padding-right: 39px;}


.texto_titulo {color: #cef5ad; text-shadow: 1px 1px #1e563e;}
#div_texto_titulo{background: url("../images/titulo_background_texto.jpg") left top repeat-x;}

.yellow p.link1{padding-left: 30px;}

#div_texto_titulo p{padding-right: 0px;}
 
.derecha   { float: right; }
.izquierda { float: left;  }
.item_eventos
		{
			width:400px;
			height:100px;
		}
.item {
float: left;

background: white;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
padding: 13px;
padding-bottom: 0;
margin: 10px;

position: relative;
}

.toolbardiv { 
bottom: -2px; 
position: fixed; 
right: 50%; 
z-index: 10000; 
float: right; 
margin-top: 0; 
margin-right: -550px; 
margin-bottom: 5px; 
margin-left: 0px; 
} 

.box_info1:first-child {
	margin-left:0;}

.box_info1 {
	overflow:hidden;
	padding:31px 52px 27px 17px;
}

.shadow {box-shadow: 0 7px 12px -7px rgba(0, 0, 0, 0.36);}

.letter {
    background:url(../images/img_letter.png) 0 0 repeat;
    color: #fff;
    display: block;
    float: left;
	font-family: 'Oleo Script', cursive;
    font-size: 36px;
    height: 45px;
    line-height: 45px;
    margin: 0 18px 0 0;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 45px;
}
.red {background:#fb7033;}
.blue {background:#FB2A1F;}
.green {background:#83ba3c;}
.rojo{background:#0eaaf6;}
.yellow{background:#FFCE10;}
.naranja
{
	border: 1px solid #1e563e;
	background-color: white;
}
.yellow p{padding-left: 30px;}

.box_info1  p {
    color: #fff;
	font-weight:700;
	font-size:14px;
	line-height:21px;
	margin:0px 0 12px 0px;
	display:block;
	text-transform:uppercase;
}

a.text1 {
    color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
}

a.text1:hover{text-decoration:underline;}

.list_info li {
    background: url("../images/list_arrow.jpg") no-repeat scroll 0 7px transparent;
    font-size: 13px;
    line-height: 19px;
    padding: 0 0 6px 20px;
}

.list_info li a {color: #747474; }

.list_info li a:hover { color: #0EAAF6;}

.list_info{margin-bottom:16px;}

.our_tips img { 
	padding:4px 18px 8px 0;
	float:left;
}


.our_tips .link1 { display:inline-block;}

.partners {margin-top:35px;}

.partners dt { 
	border-right:#e3e3e3 1px solid; 
	display:inline-block;
	padding:15px 15px 15px 0;
	float:left;
}

.partners dd {
	margin-left:17px;
	float:left;
}

.partners img:hover{
	opacity: 0.6;
}	

.img-indent2 {
	padding:4px 8px 8px 0;
	float:left;
}

.margin_1 {margin-bottom:0px;}
.margin_2 {margin-bottom:5px;}
.margin_6 {margin-bottom:10px;}
.margin_top {margin-top:20px;}
.margin_3 {margin-bottom:15px;}
.margin_4 {margin-bottom:20px;}
.margin_5 {margin-bottom:40px;}

.numb_list {
    color: #FFFFFF;
    float: left;
    font-family: 'Oleo Script', cursive;	
    font-size: 35px;
    line-height: 49px;
    text-align: center;
    width: 50px;
	height: 50px;
    margin: 2px 17px 15px 0;
}

.testi p.link1  {margin-bottom:0px;}

.bg_gray { 
	background:#fafafa; 
	border:#f2f2f2 solid 1px;
	-moz-box-sizing: border-box;   
    box-sizing: border-box;
	padding:20px;
	}

	.bg_white { 
	background:#FFFFFF;
	border:#FFFFFF solid 1px;
	-moz-box-sizing: border-box;   
    box-sizing: border-box;
	padding:20px;
	}
	
	.bg_grayobscuro { 
	background:#c5c5c5; 
	border:#f2f2f2 solid 1px;
	-moz-box-sizing: border-box;   
    box-sizing: border-box;
	padding:20px;
	}
.map {
    min-width: 99%;
    width: 100%;
}

.map figure iframe {
    height: 327px;
    max-width: 99%;
    width: 100%;
}

.map figure {	
	width:100%;
	display:block;
	-moz-box-sizing: border-box;
	margin-bottom:15px;
	}

address dl {
	float:right; 
}	
	
address dt {	
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 18px;
	color:#0eaaf6;
	font-style:normal;
	padding-bottom:5px;
	}

address dd {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#747474;
	font-style:normal;
}

address dd span {
	min-width: 64px;
	display:inline-block;
	}

address dd a{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
	color:#0eaaf6;
}

address dd a:hover {text-decoration:underline;}

.blue_text {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
	color:#0eaaf6;
	margin-bottom:7px;	
}
.green_text {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 18px;
	color:#0eaaf6;
	margin-bottom:7px;	
}

/************Footer************/

footer {
	margin:44px 0px;
	background:#fafafa;
	margin-bottom:0px;
	border-top:1px solid #f2f2f2;
	padding:20px 0 0px 0;
	}

footer p {color:#969595;}

.foo-butt li {display:inline-block;}

.foo-butt a {
	background:#7fdbfd;
	line-height:26px;
	color:#fff;
	font-size:11px;
	margin:0 2px 3px 0;
	text-transform:uppercase;
	padding: 4px 10px 4px 11px;
	transition: all 0.2s ease;
	}
	
.foo-butt a:hover {background:#fc8957;}	

.foo-bulet li {
    background: url("../images/foo_arrow.png") no-repeat scroll 0 5px transparent;
    padding: 0 0 6px 14px;
	color: #a9a9a9;
	font-style:italic;
}

.foo-bulet a {
    color: #1b1b1b;
    font-size: 13px;
    line-height: 19px;
	font-style:normal;
	display:inline-block;
}

.foo-bulet a:hover {text-decoration:underline;}
	
.privacy {
	text-align:center;
	padding:13px 0;
	color:#a1a1a1;
	background:#fff;
	border-top:1px solid #f2f2f2;
	margin-top:40px;
	}
	
.privacy a {color:#a1a1a1;}
		
.privacy a:hover {text-decoration:underline;}

.fleft { float:left;}
.fright { float:right;}
.lheight p{ line-height:18px;}


#toTop {
    background: url(../images/to_top.png) no-repeat scroll 0 top transparent;
    bottom: 100px;
    display: none;
    height: 44px;
    left: 40%;
    margin-left: 783px;
    position: fixed;
    text-decoration: none;
    width: 50px;
    z-index: 20;
}

#toTop:hover {
	background:url(../images/to_top.png) 0 bottom  no-repeat;}
/*==================================RESPONSIVE LAYOUTS===============================================*/


@media only screen and (max-width: 995px) 
{

.margin_3 img {width:100%;}

.bg  {max-width:800px;}

.header_ph {
	margin-left:0px;
}

.box_info1 { padding-right:20px;}

.our_tips img{ width:100%;}

.partners dd {margin-left:7px;}

.partners dd img {
	width:110px;
	height:40px;
	margin-top:5px;}

.foo-butt a{ font-size:9px;}	
}

@media only screen and (max-width: 767px) {

.bg  {max-width:470px;}
.our_tips img {width: inherit;}
.partners { text-align:center;}
.partners dt { width:100%; border:none;}
address .grid_3 { width:200px!important;}
}

@media only screen and (max-width: 479px) 
{

.bg  {max-width:340px;}
.partners dd {float:none;}

.img-indent2 {
	padding:4px 0px 8px 0;
	float:none;
}

.img-indent2 img { width:100%; }

}
@media only screen and (max-width: 320px) {
.bg  {width:100%;}

}


.contenedor{
	height:0px;
	width:100%;
	padding-top:56.25%; /* Relación: 16/9 = 56.25% */
	position:relative;
}
/* El iframe se adapta al tamaño del contenedor */
.contenedor iframe{
	position:absolute;
	height:100%;
	width:100%;
	top:10px;
	left:0px;
}