@charset "utf-8";
@import url('fuentes.css');

/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	list-style:none;
	
}

img {
	border: none;
	width:100%;
 }


ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6,p {
	font-size:100%;
	font-weight:normal;
	padding:0;
	margin:0;
}

body {
	background-image: url(../images/bg_01.png);
	background-repeat:repeat-x;
	background-position:top center;
	text-align:center;
	padding:0px;
	margin:0px;
	overflow:hidden
}

	
/*	modal
	==================================================*/
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width:100%;
	max-width:260px;
	height: auto;
	z-index: 600;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	float: left;	
}

.md-show {
	visibility: visible;
	float: left;
	}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 550;
	opacity: 0;
	background:rgba(78,78,78, 0.7);
	background-position:top left;
	background-image:url(../images/bg_04.png);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	float: left;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
	float: left;
}

/* Content styles */
.md-content-ex {
	width:100%;
	max-width:260px;
	color: #100f10;
	background: rgba(255,255,255,0.5);
	position: relative;
	margin: 0 auto;
	padding:7px;
	float: left;
	
	-webkit-opacity-shadow:0.6;
	-webkit-box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
	
	/*para Firefox*/
	-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 8px 8px 8px 8px;
	/*para IE */
	behavior:url(border.htc);
	/* para Opera */
	border-radius: 8px 8px 8px 8px; 
    border: #fff 1px solid;
}

.md-content {
	width:100%;
	color: #100f10;
	background: rgba(255,255,255,0.9);
	position: relative;
	margin: 0 auto;
	float: left;
	
	-webkit-opacity-shadow:0.6;
	-webkit-box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
}
			
			
/* Effect 5: fall */
.md-effect-5.md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content{
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 5: fall */
.md-effect-5.md-content-ex{
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-5 .md-content-ex {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-5 .md-content-ex {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}


/* Effect 6: fall */
.md-effect-6 .md-modal {
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content{
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content{
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}

/* Effect 6: fall */
.md-effect-6 .md-content-ex{
	-webkit-perspective: 1300px;
	-moz-perspective: 1300px;
	perspective: 1300px;
}

.md-effect-6 .md-content-ex {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translateZ(600px) rotateX(20deg); 
	-moz-transform: translateZ(600px) rotateX(20deg); 
	-ms-transform: translateZ(600px) rotateX(20deg); 
	transform: translateZ(600px) rotateX(20deg); 
	opacity: 0;
}

.md-show.md-effect-6 .md-content-ex {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	-webkit-transform: translateZ(0px) rotateX(0deg);
	-moz-transform: translateZ(0px) rotateX(0deg);
	-ms-transform: translateZ(0px) rotateX(0deg);
	transform: translateZ(0px) rotateX(0deg); 
	opacity: 1;
}
	
.md-content button {
	display: block;
	margin: 0 auto;
	width:35px;
	height:35px;
	text-align:center;
	font-size: 1.5em;
	border:#fff 1px solid;
	background:#c20e1a;
	color:#fff;
	font-family:'Kirvy-Bold', arial, verdana;
	position:absolute;
	right:-25px;
	top:-25px;
	cursor:pointer;
	
	/*para Firefox*/
	-moz-border-radius: 100px 100px 100px 100px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 100px 100px 100px 100px;
	/*para IE */
	behavior:url(border.htc);
	/* para Opera */
	border-radius: 100px 100px 100px 100px;
	
	-webkit-opacity-shadow:0.6;
	-webkit-box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
	outline:0px;
}
	
.md-content button:hover {
	display: block;
	margin: 0 auto;
	width:35px;
	height:35px;
	text-align:center;
	font-size: 1.5em;
	border:#fff 1px solid;
	background:#504f50;
	color:#999899;
	font-family: 'Conv_TT0146M', arial;
	position:absolute;
	right:-25px;
	top:-25px;
	
	/*para Firefox*/
	-moz-border-radius: 100px 100px 100px 100px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 100px 100px 100px 100px;
	/*para IE */
	behavior:url(border.htc);
	/* para Opera */
	border-radius: 100px 100px 100px 100px;
	
	-webkit-opacity-shadow:0.6;
	-webkit-box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
	outline:0px;
}	
.txt_contac {
	width:90%;
	margin:5%;
	float:left;
	height:auto;
	color: #100f10;
	border-bottom:#e0e0e0 1px solid;
	text-align:justify;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	padding-bottom:5px;
}
.campo {
	width:80%;
	height:20px;
	margin:2.5px 10%;
	height:auto;
	float:left;
	color: #100f10;
	border:#e0e0e0 1px solid;
	/*para Firefox*/
	-moz-border-radius: 5px 5px 5px 5px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 5px 5px 5px 5px;
	/*para IE */
	behavior:url(border.htc);
	/* para Opera */
	border-radius: 5px 5px 5px 5px;
	background:#FFF;
}

.input{
	float: left;
	width: 95%;
	height: 20px;
	color:#949494;
	font-size: 12px;
	padding-left: 2.5%;
	padding-right: 2.5%;
	border: none;
	background: transparent;
	vertical-align: middle;
	outline: 0px;
	 }

.input2{
	float: left;
	width: 95%;
	height: 80px;
	color:#949494;
	font-size: 12px;
	padding-left: 2.5%;
	padding-right: 2.5%;
	border: none;
	background: transparent;
	vertical-align: middle;
	outline: 0px;
	 } 
	 
.descargas {
	width:40%;
	height:20px;
	margin:2.5px 5%;
	height:auto;
	float:left;
}	 

.ima_pulicidad {
	width:100%;
	height:auto;
	float:left;
	color: #100f10;
	border-bottom:#e0e0e0 1px solid;
}

/*====================fin_modal=============================*/
/*====================ini_btn=============================*/
.btn {
	float:right;
	font-weight: 300;
	padding:3px;
	font-size:0.9em;
	color:#FFF;
	margin-left:10px;
	margin-top:10px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
	border:0px;
}

.btn-primary{
	background-color: #c20e1a;
	border-color: #a10d17;
}
.btn-primary:hover, .btn-primary:focus {
	background-color: #5b5a5a;
	border-color: #504f50;
}

.btn2 {
	float:left;
	font-weight: 300;
	padding:3px;
	font-size:0.9em;
	color:#FFF;
	margin-top:10px;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	-moz-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
	border:0px;
}

.btn2-pass{
	background-color: #a10d17;
	border-color: #c20e1a;
}

.btn2-pass:hover, .btn2-pass:focus {
	background-color: #504f50;
	border-color: #5b5a5a;
}
/*====================fin_btn=============================*/

/*=================================================================
Diseño móvil: 480 px e inferior.   =================================================================*/

.contenedor {
	margin-left: auto;
	margin-right: auto;
	width:87,36%;
	min-width:240px;
	padding:0px  1.82%;
}

#cabezote {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
	
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 5%, rgba(209,209,208,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(255,255,255,1)), color-stop(100%,rgba(209,209,208,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(209,209,208,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(209,209,208,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(209,209,208,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 5%,rgba(209,209,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d0',GradientType=0 );
}

#cuadros_bg{
	width:50px;
	height:27px;
	background:url(../images/bg_02.png) top left no-repeat;
	position:relative;
	margin-left: 0;
	top:0px;
	left:-32px ;
	float: left;
	}
	
#logo{
	width:155px;
	height:120px;
	margin-left: 0;
	float:none;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 0px 0px;
	}
	
#marco_superiores{
	width:100%;
	height:auto;
	margin-left: 0;
	float: right;
	padding:12px 0px 0px 0px;
	margin-right:auto;
	margin-left:auto;
	}
#fecha{
	width:96%;
	height:30px;
	margin-left: 0;
	float: right;
	padding:0px 10px 0px 0px;
	text-align:right;
	}	
	
#buscador {
	height:30px;
	width:97%;
	padding: 10px 10px 0px 0px;
	float:right;
	text-align:center;
	} 	
	
#search {
	color: #4e4e4e;
}

#search input[type="text"] {
    background-image:url(../images/search-white.png);
	background-position:160px 4px ;
	background-repeat:no-repeat;
    border: 0 none;
    font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
    color: #4e4e4e;
    width:150px;
    padding: 6px 35px 6px 15px;
	background-color: rgba(243,243,243, 0.7);
	
    /*para Firefox*/
	-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
	-webkit-border-radius:8px 8px 8px 8px;
	/*para IE */
	behavior:url(border.htc);
	/* para Opera */
	border-radius: 8px 8px 8px 8px; 
	 
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	outline: 0px;
	float:right;
	
	-webkit-box-shadow:inset 2px 2px 10px #cdcdcd;
	-moz-box-shadow:inset 2px 2px 10px #cdcdcd;
	box-shadow:inset 2px 2px 10px #cdcdcd;
    }

#search input[type="text"]:focus {
    background:url(../images/search-dark.png) no-repeat 205px 4px #f2f2f2 ;
    color: #000;
    width:180px;
   	outline: 0px;
	float:right;
    }
	
#marcomenu {
	height:auto;
	padding-right:0px;
	float:right;	
	width: 100%;
	height:auto;
	display: block;
	background: rgb(209,209,209, 0.7 );
	}	
	
#animacion {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
	}
	
#marcogeneral {
	clear: both;
	float: left;
	margin-top:1px;
	margin-left: 0;
	width: 97%;
	height:auto;
	padding:1.5%;
	display: block;
	
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(209,209,209,0.7) 0%, rgba(255,255,255,1) 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,0.7)), color-stop(80%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 80%);
	background: -o-linear-gradient(top, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 80%);
	background: -ms-linear-gradient(top, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 80%);
	background: linear-gradient(to bottom, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 );
	}	
					
.pro-hs-1{
	width:100%;
	float:left;
	position:relative;
	min-height:1px;
	margin:0px 0px;
	}
	
.ima-producto {
	width:100%;
	float:left;
}	

.txt-producto {
	width:90%;
	float:left;
	padding:5%;
	text-align:justify;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(209,209,209,0.5) 5%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(209,209,209,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 );
}	

.animate {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.animated {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}	

.intro_seccion{
	width:100%;
	min-height:auto;
	float:left;
	position:relative;
	}
	
.ima_seccion{
	width:100%;
	position:absolute;
	height:auto;
	float:left;
	z-index:3;
	top:50px;
	}
		
.cuadro_des{
	width:98%;
	height:auto;
	float:right;
	z-index:5;
	display:block;
	background: rgba(0,0,0,0.8);
	background-image:url(../images/bg_08.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding:1%;
	position:absolute;
	top:20%;
	right:0px;
	}
	
.titulo_seccion{
	width: 100%;
	height: auto;
	float: right;
	text-align: left;
	font-family: 'Conv_GeosansLight', arial;
	font-size: 2.3em;
	letter-spacing: 0.05em;
	color: #E30614;
	}
	
.txt_seccion{
	display:none;
	width:97.5%;
	height:auto;
	float:right;
	padding-left:2.5%;
	text-align:justify;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	color:#FFF;
	letter-spacing: 0.05em;
	}	
	
.opci_seccion{
	width:100%;
	float:left;
	margin-top:5px;
	}

.opcion-uno,
.opcion-dos,
.opcion-tres,
.opcion-cuatro,
.opcion-cinco,
.opcion-seis{
	width:96.8%;
	height:98px;
	float:left;
	margin:1% 0.5%;
	padding:5px 1%;
	position:relative;
	overflow: hidden;	
	background-image:url(../images/bg_09.png);
	background-position:right top;
	background-repeat:no-repeat;
	
	-moz-box-shadow:3px 3px 5px 0 rgba(87,87,87,0.5);
	-webkit-box-shadow: 3px 3px 5px 0 rgba(87,87,87,0.5);
	box-shadow: 3px 3px 5px 0 rgba(87,87,87,0.5);
	
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	
.opcion-uno{
	background-color:#292929;
	}
.opcion-dos{	
	background-color:#8f0221;
	}	
.opcion-tres{
	background-color:#5b5b5b;
	}
.opcion-cuatro{
	background-color:#999999;
	}
.opcion-cinco{	
	background-color:#195875;	
	}
.opcion-seis{	
	background-color:#c1c1c1;	
	}

.opcion-uno	.mask,		
.opcion-dos	.mask,
.opcion-tres .mask,		
.opcion-cuatro .mask,	
.opcion-cinco .mask,	
.opcion-seis .mask{
	width:100%;
	height:98px;
	float:left;
	margin:0%;
	padding:5px 1%;
	position: absolute;
   	overflow: hidden;
  	top: 0;
  	left: 0;
	}	
	
.opcion-uno a.info,		
.opcion-dos a.info,
.opcion-tres a.info,		
.opcion-cuatro a.info,	
.opcion-cinco a.info,	
.opcion-seis a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   margin-top:40px;
}

.opcion-uno a.info:hover,		
.opcion-dos a.info:hover,
.opcion-tres a.info:hover,		
.opcion-cuatro a.info:hover,	
.opcion-cinco a.info:hover,	
.opcion-seis a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.opcion-uno	.mask,		
.opcion-dos	.mask,
.opcion-tres .mask,		
.opcion-cuatro .mask,	
.opcion-cinco .mask,	
.opcion-seis .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(194,14,26, 0.7);
   background-image:url(../images/bg_05.png);
	background-position:left top;
	background-repeat:no-repeat;
	
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}	

.opcion-uno a.info,		
.opcion-dos a.info,
.opcion-tres a.info,		
.opcion-cuatro a.info,	
.opcion-cinco a.info,	
.opcion-seis a.info {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.opcion-uno:hover .mask,		
.opcion-dos:hover .mask,
.opcion-tres:hover .mask,		
.opcion-cuatro:hover .mask,	
.opcion-cinco:hover .mask,	
.opcion-seis:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.opcion-uno:hover a.info,		
.opcion-dos:hover a.info,
.opcion-tres:hover a.info,		
.opcion-cuatro:hover a.info,	
.opcion-cinco:hover a.info,	
.opcion-seis:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.opcion-uno:hover a.info,		
.opcion-dos:hover a.info,
.opcion-tres:hover a.info,		
.opcion-cuatro:hover a.info,	
.opcion-cinco:hover a.info,	
.opcion-seis:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

.noticias{
	height: auto;
	width: 95%;
	padding: 2.5%;
	float: left;
	border-bottom:#eeeeee 1px solid;
	}
	
.imagennoticias{
	height: auto;
	width: 99.5%;
	margin:0px 0% 2.5% 0%;
	border:#e4e4e4 2px solid;
	float: left;
	}	
	
.imagennoticias2{
	height: auto;
	width: 99.5%;
	margin:0px 0% 2.5% 0%;
	border:#e4e4e4 2px solid;
	float: right;
	}		


/*	Section
	==================================================*/
.section {
	padding:0px;
}
.active-section {
	top: 0px;
}
.navbar.active-section {
	top: 0 !important;
}
 
/*=================================================
Contenedor 2
===================================================*/	 
#contenedor_02 {
	text-align: center;
	width:87,36%;
	min-width:240px;
	padding-left: 1.82%;
	padding-right: 1.82%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	clear: both;
	border-top:#c20e1a 2px solid;
	
	background: rgb(246,246,246);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(221,221,221,0.6) 0%, rgba(246,246,246, 0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0.6)), color-stop(100%,rgba(246,246,246, 0.8)));
	background: -webkit-linear-gradient(top, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	background: -o-linear-gradient(top, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	background: -ms-linear-gradient(top, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	background: linear-gradient(to bottom, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f6f6f6',GradientType=0 );
	} 	
	
.aten_uss {
	width: 100%;
	height:280px;
	margin: auto;
	background-image:url(../images/bg_06.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}	

.txt_aten_uss {
	width:auto;
	height:auto;
	padding:10px 0px 0px 75px;
	margin: auto;
	float:left;
	background-image:url(../images/bg_05_2.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:left;
}

.bloque{
	width:97%;
	height:109px;
	float:left;
	padding:10px 1.5% 5px 1.5%;
	list-style: none;
	
	/*cantidad columnas 
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;*/
	
    /*Espacio entre columnas
    column-gap: 0.5em;
    -webkit-column-gap: 0.5em;
    -moz-column-gap: 0.5em;
    -o-column-gap: 0.5em;*/
	
    /*Agrega una barra solida de color
    column-rule: 1px solid #f6f6f6;
    -webkit-column-rule: 1px solid #f6f6f6;
    -moz-column-rule: 1px solid #f6f6f6;
    -o-column-rule: 1px solid #f6f6f6;*/ 
	}
	
.lineas{
	width:45%;
	height:auto;
	float:left;
	padding:10px 2% 0px 2%;
	border-top: 1px solid #f6f6f6;	
	border-left:none;
	}
	
.ciudad{
	width:46%;
	height:auto;
	float:left;
	padding:0px 1.5% 0px 1.5%;
	text-align:left;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	color:#4d4d4d;	
	}
	
.tel{
	width:46%;
	height:auto;
	float:right;
	padding:0px 1.5% 0px 1.5%;
	text-align:right;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	color:#4d4d4d;
	}

/*=================================================
Contenedor 3
===================================================*/	 
#contenedor_03 {
	text-align: center;
	width:87.36%;
	min-width:240px;
	padding-left: 1.82%;
	padding-right: 1.82%;

	margin-right: auto;
	margin-left: auto;
	position:relative;
	clear: both;
	} 
		 
.marco_pie {
	width: 100%;
	height:180px;
	max-width: 1280px;
	padding:0px 0% 0px 0%;
	margin: auto;
	background-image:url(../images/bg_07.png);
	background-position:top right;
	background-repeat:no-repeat;
}	
	
#direccion {
	width: 100%;
	float: left;
	margin-top:10px;
	padding:5px 0px 0px 0px;
	border-bottom: 0px solid #1645a9;
	text-align:center;
	font-style: italic;
	color:#92928c;
	}	
	
#desarrollo {
	width: auto;
	float: right;
	margin-top: 60px;
	padding: 5px 10px 5px 15px;
	text-align: right;
	font-style: italic;
	color:#92928c;
	display:none;
	}
	
#redes {
	height:40px;
	width: 90%;
	float: right;
	margin-top:10px;
	padding:0px 5% 10px 5%;
	text-align:center;	
	}	
	
#redes2{
	height:40px;
	width: 90%;
	float: right;
	margin-top:15px;
	padding:10px 5% 10px 5%;
	text-align:center;	
	}	
	
	
.face {
	color: #3A5A98;
	height:40px;
	width: 25px;
	float: right;
	font-size:1.2em;
	padding:0px 15px 0px 0px;
	text-align:left;
	}	
	
.twitter {
	color: #60CAEF;
	height:40px;
	width: 25px;
	float: right;
	font-size:1.2em;	
	padding:0px 0px 0px 0px;
	margin:0px 28px 0px 0px;
	text-align:left;
	text-decoration: none;
	}	
	
.youtube {
	color: #b31217;
	height:40px;
	width: 25px;
	float: right;
	font-size:1.2em;	
	padding:0px 0px 0px 0px;
	margin:0px 33px 0px 0px;
	text-align:left;
	text-decoration: none;
	}		
		
.face a{
	color: #3A5A98;
	text-decoration: none;
	}
	
.twitter a{
	color: #60CAEF;
	text-decoration: none;
	}
	
.youtube a{
	color: #b31217;
	text-decoration: none;
	}
							
.face a:hover,
.face a:active,
.twitter a:hover,
.twitter a:active,
.youtube a:hover,
.youtube a:active {
	color: #CCC;
	text-decoration: none;
	}

	
.face a:visited{
	color:#3b5998;
	text-decoration: none;
	}
	
.twitter a:visited{
	color:#3cf;
	text-decoration: none;
	}
	
.youtube a:visited{
	color:#e52d27;
	text-decoration: none;
	}

	
	 		

/*
========================================================================== 
Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. 
==========================================================================
*/

@media only screen and (min-width: 481px){
.contenedor {
	width: 90.675%;
	padding:0px 1.1625%;
}

#cuadros_bg{
	width:50px;
	height:27px;
	background:url(../images/bg_02.png) top left no-repeat;
	position:relative;
	margin-left: 0;
	top:0px;
	left:-32px ;
	float: left;
	}
	
#cabezote {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 5%, rgba(209,209,208,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(255,255,255,1)), color-stop(100%,rgba(209,209,208,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(209,209,208,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(209,209,208,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(209,209,208,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 5%,rgba(209,209,208,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d1d1d0',GradientType=0 );
}

#logo{
	width:155px;
	height:120px;
	margin-left: 0;
	float: left;
	padding:0px 0px 0px 20px;
	}
	
#marco_superiores{
	width:60%;
	height:auto;
	margin-left: 0;
	float: right;
	padding:12px 20px 0px 20px;
	}
	
#fecha{
	width:100%;
	height:30px;
	margin-left: 0;
	float: right;
	padding:0px 0px 0px 0px;
	text-align: right;
	}	
	
#buscador {
	height:30px;
	width:100%;
	padding: 10px 0px 0px 0px;
	float:right;
	text-align:right;
	} 	
	
#search {
	color: #4e4e4e;
}

#search input[type="text"] {
    background-image:url(../images/search-white.png);
	background-position:160px 4px ;
	background-repeat:no-repeat;
    border: 0 none;
    font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
    color: #4e4e4e;
    width:150px;
    padding: 6px 35px 6px 15px;
	background-color: rgba(243,243,243, 0.7);
	
    /*para Firefox*/
	-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
	-webkit-border-radius:8px 8px 8px 8px;
	/*para IE */
	behavior:url(border.htc);
	/* para Opera */
	border-radius: 8px 8px 8px 8px; 
	 
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	outline: 0px;
	float:right;
	
	-webkit-box-shadow:inset 2px 2px 10px #cdcdcd;
	-moz-box-shadow:inset 2px 2px 10px #cdcdcd;
	box-shadow:inset 2px 2px 10px #cdcdcd;
    }

#search input[type="text"]:focus {
    background:url(../images/search-dark.png) no-repeat 225px 4px #f2f2f2 ;
    color: #000;
    width: 200px;
   	outline: 0px;
	float:right;
    }	
	
#marcomenu {
	height:auto;
	padding-right:0px;
	float:right;	
	width: 100%;
	height:auto;
	display: block;
	background: rgb(209,209,209, 0.7 );
	}	
	
#animacion {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
	background:#000;
	}
	
#marcogeneral {
	clear: both;
	float: left;
	margin-top:1px;
	margin-left: 0;
	width: 97%;
	height:auto;
	padding:1.5%;
	display: block;
	
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(209,209,209,0.7) 0%, rgba(255,255,255,1) 80%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,0.7)), color-stop(80%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 80%);
	background: -o-linear-gradient(top, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 80%);
	background: -ms-linear-gradient(top, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 80%);
	background: linear-gradient(to bottom, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 );
	}	
					
.pro-hs-1{
	width:48.993%;
	max-width:49.693%;
	float:left;
	position:relative;
	min-height:1px;
	margin:0px 1px;
	}
	
.ima-producto {
	width:100%;
	float:left;
}	

.txt-producto {
	width:90%;
	float:left;
	padding:5%;
	text-align:justify;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(209,209,209,0.5) 5%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(209,209,209,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 );
}	

.animate {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.animated {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}	

.intro_seccion{
	width:100%;
	min-height:85px;
	float:left;
	position:relative;
	}
	
.ima_seccion{
	width:100%;
	position:absolute;
	height:auto;
	float:left;
	z-index:3;
	top:50px;
	}
		
.cuadro_des{
	width:65%;
	height:auto;
	float:right;
	z-index:5;
	display:block;
	background: rgba(0,0,0,0.8);
	background-image:url(../images/bg_08.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding:2.3%;
	position:absolute;
	top:20%;
	right:0px;
	}
	
.titulo_seccion{
	width: 100%;
	height: auto;
	float: right;
	text-align: left;
	font-family: 'Conv_GeosansLight', arial;
	font-size: 2.3em;
	letter-spacing: 0.05em;
	color: #E30614;
	}
	
.txt_seccion{
	display:none;
	width:97.5%;
	height:auto;
	float:right;
	padding-left:2.5%;
	text-align:justify;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	color:#FFF;
	letter-spacing: 0.05em;
	}	
	
.opci_seccion{
	width:100%;
	float:left;
	margin-top:10px;
	}

.opcion-uno,
.opcion-dos,
.opcion-tres,
.opcion-cuatro,
.opcion-cinco,
.opcion-seis{
	width:45.95%;
	height:98px;
	float:left;
	margin:1%;
	padding:5px 1%;
	position:relative;
	overflow: hidden;	
	background-image:url(../images/bg_09.png);
	background-position:right top;
	background-repeat:no-repeat;
	
	-moz-box-shadow:3px 3px 5px 0 rgba(87,87,87,0.5);
	-webkit-box-shadow: 3px 3px 5px 0 rgba(87,87,87,0.5);
	box-shadow: 3px 3px 5px 0 rgba(87,87,87,0.5);
	
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	
.opcion-uno{
	background-color:#292929;
	}
.opcion-dos{	
	background-color:#8f0221;
	}	
.opcion-tres{
	background-color:#5b5b5b;
	}
.opcion-cuatro{
	background-color:#999999;
	}
.opcion-cinco{	
	background-color:#195875;	
	}
.opcion-seis{	
	background-color:#c1c1c1;	
	}

.opcion-uno	.mask,		
.opcion-dos	.mask,
.opcion-tres .mask,		
.opcion-cuatro .mask,	
.opcion-cinco .mask,	
.opcion-seis .mask{
	width:100%;
	height:98px;
	float:left;
	margin:0%;
	padding:5px 1%;
	position: absolute;
   	overflow: hidden;
  	top: 0;
  	left: 0;
	}	
	
.opcion-uno a.info,		
.opcion-dos a.info,
.opcion-tres a.info,		
.opcion-cuatro a.info,	
.opcion-cinco a.info,	
.opcion-seis a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   margin-top:40px;
}

.opcion-uno a.info:hover,		
.opcion-dos a.info:hover,
.opcion-tres a.info:hover,		
.opcion-cuatro a.info:hover,	
.opcion-cinco a.info:hover,	
.opcion-seis a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.opcion-uno	.mask,		
.opcion-dos	.mask,
.opcion-tres .mask,		
.opcion-cuatro .mask,	
.opcion-cinco .mask,	
.opcion-seis .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(194,14,26, 0.7);
   background-image:url(../images/bg_05.png);
	background-position:left top;
	background-repeat:no-repeat;
	
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}	

.opcion-uno a.info,		
.opcion-dos a.info,
.opcion-tres a.info,		
.opcion-cuatro a.info,	
.opcion-cinco a.info,	
.opcion-seis a.info {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.opcion-uno:hover .mask,		
.opcion-dos:hover .mask,
.opcion-tres:hover .mask,		
.opcion-cuatro:hover .mask,	
.opcion-cinco:hover .mask,	
.opcion-seis:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.opcion-uno:hover a.info,		
.opcion-dos:hover a.info,
.opcion-tres:hover a.info,		
.opcion-cuatro:hover a.info,	
.opcion-cinco:hover a.info,	
.opcion-seis:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.opcion-uno:hover a.info,		
.opcion-dos:hover a.info,
.opcion-tres:hover a.info,		
.opcion-cuatro:hover a.info,	
.opcion-cinco:hover a.info,	
.opcion-seis:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}


.noticias{
	height: auto;
	width: 95%;
	padding: 2.5%;
	float: left;
	border-bottom:#eeeeee 1px solid;
	}
	
.imagennoticias{
	height: auto;
	width: 99.5%;
	margin:0px 0% 2.5% 0%;
	border:#e4e4e4 2px solid;
	float: left;
	}	
	
.imagennoticias2{
	height: auto;
	width: 99.5%;
	margin:0px 0% 2.5% 0%;
	border:#e4e4e4 2px solid;
	float: right;
	}		


/*	Section
	==================================================*/
.section {
	padding:0px;
}
.active-section {
	top: 0px;
}
.navbar.active-section {
	top: 0 !important;
}

/*=================================================
Contenedor 2
===================================================*/	 
#contenedor_02 {
	text-align: center;
	width: 90.675%;
	min-width:481px;
	padding:0px 1.1625%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	clear: both;
	border-top:#c20e1a 2px solid;
	
	background: rgb(246,246,246);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(221,221,221,0.6) 0%, rgba(246,246,246, 0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0.6)), color-stop(100%,rgba(246,246,246, 0.8)));
	background: -webkit-linear-gradient(top, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	background: -o-linear-gradient(top, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	background: -ms-linear-gradient(top, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	background: linear-gradient(to bottom, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f6f6f6',GradientType=0 );
	} 	
	
.aten_uss {
	width: 100%;
	min-width:481px;
	height:300px;
	margin: auto;
	background-image:url(../images/bg_06.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}	

.txt_aten_uss {
	width:auto;
	height:auto;
	padding:14px 0% 0px 105px;
	margin: auto;
	float:left;
	background-image:url(../images/bg_05.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-align:left;
}

.bloque{
	width:97%;
	height:auto;
	float:left;
	padding:5px 1.5% 5px 1.5%;
	list-style: none;
		
	/*cantidad columnas 
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;*/
	
    /*Espacio entre columnas
    column-gap: 3em;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    -o-column-gap: 3em;*/
	
    /*Agrega una barra solida de color
    column-rule: 1px solid #f6f6f6;
    -webkit-column-rule: 1px solid #f6f6f6;
    -moz-column-rule: 1px solid #f6f6f6;
    -o-column-rule: 1px solid #f6f6f6;*/ 
}	

.lineas{
	width:46%;
	height:auto;
	float:left;
	padding:10px 1.5% 10px 1.5%;
	border-left: none;	
	border-top: 1px solid #f6f6f6;
	}
	
.ciudad{
	width:46%;
	height:auto;
	float:left;
	padding:0px 1.5% 0px 1.5%;
	text-align:left;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.9em;
	color:#4d4d4d;	
	}
	
.tel{
	width:46%;
	height:auto;
	float:right;
	padding:0px 1.5% 0px 1.5%;
	text-align:right;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.9em;
	color:#4d4d4d;
	}
	

/*=================================================
Contenedor 3
===================================================*/	 
#contenedor_03 {
	text-align: center;
	width: 90.675%;
	padding:0px 1.1625%;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	clear: both;
	} 
		 
.marco_pie {
	width: 88.2%;
	height:100px;
	max-width:481px;
	padding:0px 0.9% 0px 0.9%;
	margin: auto;
	background-image:url(../images/bg_07.png);
	background-position:top right;
	background-repeat:no-repeat;
}	
	
#direccion {
	width: 235px;
	float: left;
	margin-top:10px;
	padding:5px 5px 0px 0px;
	border-bottom: 0px solid #1645a9;
	text-align:left;
	font-style: italic;
	color:#92928c;
	}	
	
#desarrollo {
	width: auto;
	float: right;
	margin-top: 60px;
	padding: 5px 10px 5px 15px;
	text-align: right;
	font-style: italic;
	color:#92928c;
	display:none;
	}
	#redes {
	height:40px;
	width: 97%;
	float: left;
	margin-top:10px;
	padding:0px 0px 0px 0px;
	text-align:left;	
	}	

#redes2 {
	height:40px;
	width: auto;
	float: right;
	margin-top:30px;
	padding:0px 15px 0px 0px;
	text-align:right;	
	}
	
.face {
	color: #3A5A98;
	height:40px;
	width: auto;
	float: right;
	font-size:1.2em;
	padding:0px 10px 0px 0px;
	text-align:left;
	}	
	
.twitter {
	color: #60CAEF;
	height:40px;
	width: auto;
	float: right;
	font-size:1.2em;	
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	text-align:left;
	text-decoration: none;
	}	

.youtube {
	color: #b31217;
	height:40px;
	width: auto;
	float: right;
	font-size:1.2em;	
	padding:0px 0px 0px 0px;
	margin:0px 20px 0px 0px;
	text-align:left;
	text-decoration: none;
	}		
		
.face a{
	color: #3A5A98;
	text-decoration: none;
	}
	
.twitter a{
	color: #60CAEF;
	text-decoration: none;
	}
	
.youtube a{
	color: #b31217;
	text-decoration: none;
	}
							
.face a:hover,
.face a:active,
.twitter a:hover,
.twitter a:active,
.youtube a:hover,
.youtube a:active {
	color: #333;
	text-decoration: none;
	}

}

/* 
==========================================================================
Diseño escritorio: de 769 px hasta un máximo de 1280 px.  Hereda estilos de: Diseño móvil y Diseño tableta.
==========================================================================
*/

@media only screen and (min-width: 769px) {
.contenedor {
	width: 88.2%;
	min-width:769px;
	max-width: 1280px;
	padding:0px 0.9% 0px 0.9%;
	margin: auto;
}

#cuadros_bg{
	width:50px;
	height:27px;
	background:url(../images/bg_02.png) top left no-repeat;
	position:relative;
	margin-left: 0;
	top:0px;
	left:-32px ;
	float: left;
	}
	
#cabezote {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:120px;
	display: block;
	border-bottom:#961a1e 2px solid;
	
	background-image:url(../images/bg_03.png);
	background-position:top right;
	background-repeat:no-repeat;
	}

#logo{
	width:155px;
	height:120px;
	margin-left: 0;
	float: left;
	padding:0px 0px 0px 20px;
	}


#marco_superiores{
	width:445px;
	height:72px;
	margin-left: 0;
	float: right;
	padding:12px 20px 0px 20px;
	}
	
#fecha{
	width:445px;
	height:30px;
	margin-left: 0;
	float: right;
	padding:0px 0px 0px 0px;
	text-align:right;
	}	
	
#buscador {
	height:40px;
	width:250px;
	padding: 10px 0px 0px 0px;
	float:right;
	} 	
	
#search {
	color: #4e4e4e;
}

#search input[type="text"] {
    background-image:url(../images/search-white.png);
	background-position:160px 4px ;
	background-repeat:no-repeat;
    border: 0 none;
    font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
    color: #4e4e4e;
    width:145px;
    padding: 6px 35px 6px 15px;
	background-color: rgba(243,243,243, 0.7);
	
    /*para Firefox*/
	-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
	-webkit-border-radius:8px 8px 8px 8px;
	/*para IE */
	behavior:url(border.htc);
	/* para Opera */
	border-radius: 8px 8px 8px 8px; 
	 
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
	outline: 0px;
	float:right;
	
	-webkit-box-shadow:inset 2px 2px 10px #cdcdcd;
	-moz-box-shadow:inset 2px 2px 10px #cdcdcd;
	box-shadow:inset 2px 2px 10px #cdcdcd;
    }

#search input[type="text"]:focus {
    background:url(../images/search-dark.png) no-repeat 215px 4px #f2f2f2 ;
    color: #000;
    width: 190px;
   	outline: 0px;
	float:right;
    }		

#marcomenu {
	height:30px;
	width:70%;
	padding-right:20px;
	float:right;
	}		
	
#animacion {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height:auto;
	display: block;
	}
	
#marcogeneral {
	clear: both;
	float: left;
	margin-top:1px;
	margin-left: 0;
	width: 97%;
	height:auto;
	padding:1.5%;
	display: block;
	
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(209,209,209,0.7) 0%, rgba(255,255,255,1)60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,0.7)), color-stop(80%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 60%);
	background: -o-linear-gradient(top, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 60%);
	background: -ms-linear-gradient(top, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 60%);
	background: linear-gradient(to bottom, rgba(209,209,209,0.7) 0%,rgba(255,255,255,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 );
	}	
					
.pro-hs-1{
	width:24.693%;
	float:left;
	position:relative;
	min-height:1px;
	margin:0px 1px;
	}
	
.ima-producto {
	width:100%;
	float:left;
}	

.txt-producto {
	width:90%;
	float:left;
	padding:5%;
	text-align:justify;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(209,209,209,0.5) 5%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(209,209,209,0.5)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(209,209,209,0.5) 5%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#ffffff',GradientType=0 );
}	

.animate {
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
}
.animated {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}	

/*	Section
	==================================================*/
.section {
	padding:0px;
}
.active-section {
	top: 0px;
}
.navbar.active-section {
	top: 0 !important;
}

.intro_seccion{
	width:100%;
	min-height:156px;
	float:left;
	position:relative;
	}
	
.ima_seccion{
	width:100%;
	max-width:2180px;
	position:absolute;
	height:auto;
	float:left;
	z-index:3;
	top:50px;
	}
		
.cuadro_des{
	width:420px;
	height:auto;
	float:right;
	z-index:5;
	display:block;
	background: rgba(0,0,0,0.8);
	background-image:url(../images/bg_08.png);
	background-position:right top;
	background-repeat:no-repeat;
	padding:10px;
	position:absolute;
	top:23%;
	right:0px;
	}
	
.titulo_seccion{
	width: 100%;
	height: auto;
	float: right;
	text-align: left;
	font-family: 'Conv_GeosansLight', arial;
	font-size: 2.5em;
	letter-spacing: 0.05em;
	color: #E30614;
	}
	
.txt_seccion{
	display:block;
	width:97.5%;
	height:auto;
	float:right;
	padding-left:2.5%;
	text-align:justify;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	color:#FFF;
	letter-spacing: 0.05em;
	}	
	
.opci_seccion{
	width:100%;
	float:left;
	margin-top:10px;
	}

.opcion-uno,
.opcion-dos,
.opcion-tres,
.opcion-cuatro,
.opcion-cinco,
.opcion-seis{
	width:30.3%;
	height:98px;
	float:left;
	margin:0.5%;
	padding:5px 1%;
	position:relative;
	overflow: hidden;	
	background-image:url(../images/bg_09.png);
	background-position:right top;
	background-repeat:no-repeat;
	
	-moz-box-shadow:3px 3px 5px 0 rgba(87,87,87,0.5);
	-webkit-box-shadow: 3px 3px 5px 0 rgba(87,87,87,0.5);
	box-shadow: 3px 3px 5px 0 rgba(87,87,87,0.5);
	
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
	
.opcion-uno{
	background-color:#292929;
	}
.opcion-dos{	
	background-color:#8f0221;
	}	
.opcion-tres{
	background-color:#5b5b5b;
	}
.opcion-cuatro{
	background-color:#999999;
	}
.opcion-cinco{	
	background-color:#195875;	
	}
.opcion-seis{	
	background-color:#c1c1c1;	
	}

.opcion-uno	.mask,		
.opcion-dos	.mask,
.opcion-tres .mask,		
.opcion-cuatro .mask,	
.opcion-cinco .mask,	
.opcion-seis .mask{
	width:100%;
	height:98px;
	float:left;
	margin:0%;
	padding:5px 1%;
	position: absolute;
   	overflow: hidden;
  	top: 0;
  	left: 0;
	}	
	
.opcion-uno a.info,		
.opcion-dos a.info,
.opcion-tres a.info,		
.opcion-cuatro a.info,	
.opcion-cinco a.info,	
.opcion-seis a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
   margin-top:40px;
}

.opcion-uno a.info:hover,		
.opcion-dos a.info:hover,
.opcion-tres a.info:hover,		
.opcion-cuatro a.info:hover,	
.opcion-cinco a.info:hover,	
.opcion-seis a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.opcion-uno	.mask,		
.opcion-dos	.mask,
.opcion-tres .mask,		
.opcion-cuatro .mask,	
.opcion-cinco .mask,	
.opcion-seis .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(194,14,26, 0.7);
   background-image:url(../images/bg_05.png);
	background-position:left top;
	background-repeat:no-repeat;
	
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}	

.opcion-uno a.info,		
.opcion-dos a.info,
.opcion-tres a.info,		
.opcion-cuatro a.info,	
.opcion-cinco a.info,	
.opcion-seis a.info {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.opcion-uno:hover .mask,		
.opcion-dos:hover .mask,
.opcion-tres:hover .mask,		
.opcion-cuatro:hover .mask,	
.opcion-cinco:hover .mask,	
.opcion-seis:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.opcion-uno:hover a.info,		
.opcion-dos:hover a.info,
.opcion-tres:hover a.info,		
.opcion-cuatro:hover a.info,	
.opcion-cinco:hover a.info,	
.opcion-seis:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.opcion-uno:hover a.info,		
.opcion-dos:hover a.info,
.opcion-tres:hover a.info,		
.opcion-cuatro:hover a.info,	
.opcion-cinco:hover a.info,	
.opcion-seis:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.noticias{
	height: auto;
	width: 95%;
	padding: 2.5%;
	float: left;
	border-bottom:#eeeeee 1px solid;
	}
	
.imagennoticias{
	height: auto;
	width: 50%;
	margin:0px 2.5% 2.5% 0%;
	border:#e4e4e4 2px solid;
	float: left;
	}	
	
.imagennoticias2{
	height: auto;
	width: 50%;
	margin:0px 0% 2.5% 2.5%;
	border:#e4e4e4 2px solid;
	float: right;
	}		
	
/*=================================================
Contenedor 2
===================================================*/	 
#contenedor_02 {
	text-align: center;
	width: 100%;
	min-width:769px;
	padding:0px 0% 0px 0%;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	clear: both;
	border-top:#c20e1a 2px solid;
	
	background: rgb(246,246,246);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(221,221,221,0.6) 0%, rgba(246,246,246, 0.6) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0.6)), color-stop(100%,rgba(246,246,246, 0.8)));
	background: -webkit-linear-gradient(top, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	background: -o-linear-gradient(top, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	background: -ms-linear-gradient(top, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	background: linear-gradient(to bottom, rgba(221,221,221,0.6) 5%,rgba(246,246,246, 0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#f6f6f6',GradientType=0 );
	} 	
	
.aten_uss {
	width: 88.2%;
	max-width: 1280px;
	height:190px;
	padding:0px 0.9% 10px 0.9%;
	margin: auto;
	background-image:url(../images/bg_06.png);
	background-position:bottom right;
	background-repeat:no-repeat;
}	

.txt_aten_uss {
	width:auto;
	height:auto;
	padding:14px 0% 0px 105px;
	margin: auto;
	float:left;
	background-image:url(../images/bg_05.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-align:left;
}

.bloque{
	width:80%;
	height:auto;
	float:right;
	padding:0px 10% 10px 10%;
	list-style: none;
	
	/*cantidad columnas 
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;*/
	
    /*Espacio entre columnas/
    column-gap: 3.3em;
    -webkit-column-gap: 3.3em;
    -moz-column-gap: 3.3em;
    -o-column-gap: 3.3em;*
	
    /*Agrega una barra solida de color
    column-rule: 1px solid #f6f6f6;
    -webkit-column-rule: 1px solid #f6f6f6;
    -moz-column-rule: 1px solid #f6f6f6;
    -o-column-rule: 1px solid #f6f6f6;*/ 
}	

.lineas{
	width:20%;
	height:auto;
	float:left;
	padding:10px 2% 0px 2%;
	border-left: 1px solid #f6f6f6;	
	border-top:none;
	}
	
.ciudad{
	width:46%;
	height:auto;
	float:left;
	padding:0px 1.5% 0px 1.5%;
	text-align:left;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.95em;
	color:#4d4d4d;	
	}
	
.tel{
	width:46%;
	height:auto;
	float:right;
	padding:0px 1.5% 0px 1.5%;
	text-align:right;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.95em;
	color:#4d4d4d;
	}
/*=================================================
Contenedor 3
===================================================*/	 
#contenedor_03 {
	text-align: center;
	width: 88.2%;
	min-width:769px;
	padding:0px 0.9% 0px 0.9%;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	clear: both;
	} 
		 
.marco_pie {
	width: 88.2%;
	height:100px;
	max-width: 1280px;
	padding:0px 0.9% 0px 0.9%;
	margin: auto;
	background-image:url(../images/bg_07.png);
	background-position:top right;
	background-repeat:no-repeat;
}	
	
#direccion {
	width: 235px;
	float: left;
	margin-top:10px;
	padding:5px 5px 0px 0px;
	border-bottom: 0px solid #1645a9;
	text-align:left;
	font-style: italic;
	color:#92928c;
	}	
	
#desarrollo {
	width: auto;
	float: right;
	margin-top: 60px;
	padding: 5px 10px 5px 15px;
	text-align: right;
	font-style: italic;
	color:#92928c;
	display:block;
	}
	
#redes {
	height:40px;
	width: 180px;
	float: right;
	margin-top:10px;
	padding:0px 0px 0px 15px;
	text-align:left;	
	}	
	
#redes2 {
	height:40px;
	width: 280px;
	float: left;
	margin-top:55px;
	padding:0px 0px 0px 15px;
	text-align:right;	
	}		
	
	
.face {
	color: #3A5A98;
	height:40px;
	width: 22px;
	float: left;
	font-size:1.2em;
	padding:0px 0px 0px 0px;
	}	
	
.twitter {
	color: #60CAEF;
	height:40px;
	width: 22px;
	float: left;
	font-size:1.2em;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	text-decoration: none;
	}	
	
.youtube {
	color: #b31217;
	height:40px;
	width: 22px;
	float: left;
	font-size:1.2em;	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 30px;
	text-decoration: none;
	}		
		
.face a{
	color: #3A5A98;
	text-decoration: none;
	}
	
.twitter a{
	color: #60CAEF;
	text-decoration: none;
	}
	
.youtube a{
	color: #b31217;
	text-decoration: none;
	}
							
.face a:hover,
.face a:active,
.twitter a:hover,
.twitter a:active,
.youtube a:hover,
.youtube a:active {
	color: #333;
	text-decoration: none;
	}
	
/*==================================================*/
.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width:100%;
	max-width:320px;
	height: auto;
	z-index: 600;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	float: left;	
}

/* Content styles */
.md-content-ex {
	width:100%;
	max-width:320px;
	color: #100f10;
	background: rgba(255,255,255,0.5);
	position: relative;
	margin: 0 auto;
	padding:7px;
	float: left;
	
	-webkit-opacity-shadow:0.6;
	-webkit-box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    box-shadow: 0 0 3px #000;
	
	/*para Firefox*/
	-moz-border-radius: 8px 8px 8px 8px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 8px 8px 8px 8px;
	/*para IE */
	behavior:url(border.htc);
	/* para Opera */
	border-radius: 8px 8px 8px 8px; 
    border: #fff 1px solid;
}

.md-show {
	visibility: visible;
	float: left;
	}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 550;
	opacity: 0;
	background:rgba(78,78,78, 0.7);
	background-position:top left;
	background-image:url(../images/bg_04.png);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	float: left;
	}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
	float: left;
	}

.txt_contac {
	width:90%;
	margin:5%;
	float:left;
	height:auto;
	color: #100f10;
	border-bottom:#e0e0e0 1px solid;
	text-align:justify;
	font-family: 'Conv_TT0146M', arial;
	font-size:0.8em;
	padding-bottom:5px;
	}
	
}