/* mobile */

.mov
{
	display:block;
}

.webv
{
	display:none;
}


/* Reseteamos los tags HTML y HTML5  */
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
 
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
    display: block;
}
 
footer {
	margin-bottom:0px;
	
} 

#foot
{
	
	position:relative;
    width: 100%;
    min-height: 30px;
    margin: 0;
	margin-top:630px;
	margin-bottom:0px;
	
}

a img {border: 0;}

body {
    width: 100%;
    padding: 0;
    margin: 0;
    background: #e8e8e8;/*e8e8e8*/
    color: #58585A;
    -webkit-text-size-adjust: 100%; /*  Para que Safari no haga auto-zoom*/
}

/*** styles ***/

.imgs
{
    width: 100%;
    min-height: 30px;
    margin: 0;
	margin-bottom: 15px;
}

.imgs2
{
    width: 100%;
    min-height: 30px;
    margin: 0;
}

.imgs3
{
    width: 50%;
	height:auto;
    min-height: 30px;
    margin: 0;
	padding-left:25%;
	margin-bottom: 15px;
}

.imgmenu
{
    width: 100%;
    min-height: 30px;
    margin: 0;
	margin-bottom:2px;

}

.imgs0
{
    width: 100%;
	height:auto;
    min-height: 30px;
    margin: 0;
	margin-bottom:2px;
}
.imgs1
{
    width: 15%;
    min-width: 20px;
    min-height: 25px;
    margin: 0;
}

.imglogoscert {
	float:left;
	padding-left:-15px;
}

.menu
{
    background:#222;

}

.mov
{
	display: block;
}


.hmenu
{
    list-style-type:none;
    margin:0;
    padding:0;  
    position: relative; 

}

#intro {
    width:100%;
	min-height:100px;
	background-image:url('../images/mobile/header_menu.jpg');
	/*background-color:#F58025;*/
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    	background-size: cover;
    z-index:2;
}

    #intro h1 {
        text-indent:-9999px;
    }

    #intro #hey {
        
        width:100%;
        max-height: 170px;
        margin: 0;
    	padding: 0;


        
    }
    #intro #hey img{
        width: 50%;
        height: auto;
        max-height: 140px;
        padding: 2% 2% 2% 2%;
		margin-top:4%; 
    }
    #hey{
        text-align: center;   
    }
  

	
	.menu1 span {
		
		display: none;
		position: absolute;
		top:0%;
		width: 100%;
		padding:0%;
		
	}
    .menu1:hover span {
		display:block;
	}

	.menu2 span {
		
		display: none;
		position: absolute;
		top:14.4%;
		width: 100%
		
	}

    .menu2:hover span {
		display:block;
	}

	.menu3 span {
		
		display: none;
		position: absolute;
		top:28.6%;
		width: 100%
		
	}
    .menu3:hover span {
		display:block;
	}

	.menu4 span {
		
		display: none;
		position: absolute;
		top:43%;
		width: 100%
		
	}
    .menu4:hover span {
		display:block;
	}


	.menu5 span {
		
		display: none;
		position: absolute;
		top:57.3%;
		width: 100%
		
	}
    .menu5:hover span {
		display:block;
	}
 

	.menu6 span {
		
		display: none;
		position: absolute;
		top:71.4%;
		width: 100%
		
	}
    .menu6:hover span {
		display:block;
	}


	.menu7 span {
		
		display: none;
		position: absolute;
		top:85.8%;
		width: 100%
		
	}
    .menu7:hover span {
		display:block;
	}
	
	.menu8 span {
		
		display: none;
		position: absolute;
		top:100.2%;
		width: 100%
		
	}
    .menu8:hover span {
		display:block;
	}
	
	.menu9 span {
		
		display: none;
		position: absolute;
		top:114.6%;
		width: 100%
		
	}
    .menu9:hover span {
		display:block;
	}
	
	.menu10 span {
		
		display: none;
		position: absolute;
		top:128%;
		width: 100%
		
	}
    .menu10:hover span {
		display:block;
	}
	
	.menu11 span {
		
		display: none;
		position: absolute;
		top:142%;
		width: 100%
		
	}
    .menu11:hover span {
		display:block;
	}
	
	.menu12 span {
		
		display: none;
		position: absolute;
		top:146%;
		width: 100%
		
	}
    .menu11:hover span {
		display:block;
	}

	.menu0 span {
		
		text-align: right;
		position: absolute;
		top:0%;
		width: 100%
		
	}
  	
  	
	/*         INTRODUCTION        */

#container 
{
	 overflow: hidden;
	 width:100%;
	 background-image:url('../images/mobile/header.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position: fixed;
		top:0px;
		z-index:2;
	
	
}
   #container h1 {
        text-indent:-9999px;
    }

	#container #dleft {
		float:left;
		width:27%;
		min-height: 100%;
		padding-top: 1%;
		padding-left: 3%;
		
	}
	
	
	#container #dright {
		float:right;
		width:8%;
		max-height: 50%;
		margin-top:2%;
		padding-right: 4%;
		padding-bottom:3%;
	}
	
	#container img {
		width:100%;
	}
	
#containerContacto 
{
	 overflow: hidden;
	 width:100%;
	 background-image:url('../images/mobile/header.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        /*position: fixed;*/
		top:0px;
		z-index:2;
	
	
}
   #containerContacto h1 {
        text-indent:-9999px;
    }

	#containerContacto #dleft {
		float:left;
		width:27%;
		min-height: 100%;
		padding-top: 1%;
		padding-left: 3%;
		
	}
	
	
	#containerContacto #dright {
		float:right;
		width:8%;
		max-height: 50%;
		margin-top:2%;
		padding-right: 4%;
		padding-bottom:3%;
	}
	
	#containerContacto img {
		width:100%;
	}

.grow
{
	background: #ffffff;
	overflow: hidden;
}

/******************   TEXT    ******************/

p
{
	padding-right: 5%;
	padding-left: -15%;
	margin-top:5%;
	margin-bottom:15px;
	font-size:14px;
	/*font-weight:bold;*/
	color:#000;
	text-align:justify;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}

li
{
	list-style-image:url("../images/bullet.png");
	
}

p contacto
{
	padding-right: 5%;
	padding-left: -35%;
	margin-top:5%;
	margin-bottom:15px;
	font-size:14px;
	/*font-weight:bold;*/
	color:#000;
	text-align:justify;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}

#columna {
	padding-right: 5%;
	padding-left: 10%;
	margin-top:5%;
	margin-bottom:50px;
	width:90%;
	
	font-size:14px;
	color:#000;
	line-height:1.0em;
	text-align:left;
	z-index:0;
}
#columna li {
	list-style-image: url("../images/bullet.png");
	line-height:1.5em;
	padding-left:-5%;
}

#columnaContacto {
	padding-right: 5%;
	padding-left: 7%;
	margin-top:5%;
	margin-bottom:50px;
	margin-left:-10px;
	width:90%;
	
	
	font-size:14px;
	color:#000;
	line-height:1.0em;
	text-align:left;
	z-index:0;
}

#colCont {
	float:left;
	left:13px;
	position:relative;
	width:400px;
	height:700px;
}

.txtcontacto
{
	padding-right: 5%;
	padding-left: 5%;
	margin-top:5%;
	margin-bottom:25px;
	font-size:14px;
	/*font-weight:bold;*/
	color:#000;
	text-align:left;
	font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
}

.titulo1
{
	text-transform:uppercase;
	color:#0e86bb; /*3399FF*/
	font-size:20px;
	font-weight:bolder;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5%;
	
}
.titulo1b
{
	text-transform:uppercase;
	color:#0e86bb;
	font-size:20px;
	font-weight:bolder;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 5%;
	
	
}
.linkmapa
{


	font-size:14px;
	font-weight:bold;
	color:#333;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	visibility:hidden;
	
}
.linkmapa {visibility:hidden;}

.linkmapaover
{

	font-size:14px;
	text-transform:uppercase;
	color:#0e86bb;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
.txt
{
	padding-right: 5%;
	padding-left: 5%;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	visibility:hidden;
}

.h1
{
	margin-top:25%;
	text-transform:uppercase;
	color:#000;
	font-size:18px;
	font-weight:bolder;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:200;
	padding-left: 5%;
	
	
}
.h2
{
	margin-top:25%;
	text-transform:uppercase;
	color:#DB1F26;
	font-size:18px;
	font-weight:bolder;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:200;
	padding-left: 5%;
	
	
}

.h3
{
	margin-top:25%;
	text-transform:uppercase;
	color:#DB1F26;
	font-size:14px;
	font-weight:bolder;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
	font-weight:200;
	padding-left: 5%;
	
	
}


.h4
{

	font-size:14px;
	/*text-transform:lowercase;*/
	color:#3399FF;
	font-weight:bold;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	visibility:hidden;
}


/******Accordeon Styles *********/

#wrapper {
	width: 100%;
	height:auto;
	margin: 0;
    padding: 0;
	margin-top:2px;
	margin-bottom:0px;
    /*width: 100%;
	margin: 0;
    padding: 0;*/
	}

#wrapper li{
	list-style-type: none;
	margin: 0;
    padding: 0;
	}

.accordionButton {	
	width: 100%;
	
	_float: none;  /* Float works in all browsers but IE6 */
	background: #fff;
	
	cursor: pointer;
	
	padding:0px;
	}
	
.accordionContent {	
	width: 100%;

	_float: none; /* Float works in all browsers but IE6 */
	background: #fff;
	/*margin: 0;*/
    padding: 0px;
	
	}