/*@import url(https://fonts.googleapis.com/css?family=Open+Sans);*/
/*@font-face { font-family: 'Open Sans Regular'; src: url('Fonts/OpenSans-Regular.ttf') format('truetype');}
@font-face { font-family: 'Open Sans Semibold'; src: url('Fonts/OpenSans-Semibold.ttf') format('truetype');}
@font-face { font-family: 'Open Sans Bold'; src: url('Fonts/OpenSans-Bold.ttf') format('truetype');}
@font-face { font-family: 'Open Sans Extrabold'; src: url('Fonts/OpenSans-ExtraBold.ttf') format('truetype');}*/
@charset "utf-8";
/* CSS Document */
* {margin:0px; padding:0px; border:0px; font-family:'Lato';}
body {background-image:url(Images/fondo13.jpg); background-color:#208FB5; background-repeat:repeat; background-attachment:fixed;}
p {text-align:justify;}
h1 {/*font-family:Open Sans; */font-size:2.7em; /*color:black; */font-weight:bold; text-decoration:none; text-align:left;}
h2 {font-size:1.7em; /*color:black;*/ font-weight:bold; text-decoration:none; text-align:left;}
h3 {font-size:1.5em; color:black; font-weight:bold; text-decoration:none; text-align:left;}
li {margin-left:20px}
#global {width:800px; margin:8px auto;}
/*#curva-superior {background-image:url(Images/curva-superior.gif); background-repeat:no-repeat; width:800px; height:12px; overflow:hidden;}*/
#cabecera { /*border-left:black 1px solid; border-right:black 1px solid; border-top:black 1px solid;*/ height:82px;}
#logotipo {background-color:white; width:326px; float:left; height:82px;}
#publicidad {background-image:url(Images/header-background4.png); background-repeat:no-repeat; width:474px; height:82px; float:right; color:#000;}
#slides {width: 800px;}
#brands {background-color:white; height:60px;}
#navegacion {background-color:#202025; height:25px; font-family:"Cambria";}
#contenido {background-color:white; padding:15px 15px 10px 15px; font-size:13px/*width:800px; float:left; border-left:black 1px solid; border-right:black 1px solid;*/}
#contenido2 {background-color:#E5E5E5; font-size:13px; padding:5px 0px 5px 15px;}
#contenido3 {background-color:white; padding:10px 15px 10px 15px; font-size:13px}
#menu {background-color:white; width:150px; float:left; font-size:12px; text-align:left; margin:0px 10px 3px 0px; background-image: url(Images/menu-curva-inferior.gif); background-position:bottom left; padding-bottom:5px;}
#pie {background-color:#202025; color:#E5E5E5; font-size:11px; height:175px; padding-top:10px;}
#pie1 {float:left; width:320px;}
#pie2 {float:left; width:241px;}
#pie3 {float:left; width:239px;}
#copyright {background-color:#202025; color:#E5E5E5; text-align:center; font-size:12px; width:800px; padding:5px 0px 5px 0px; border-top:#AAA 1px solid;}
/*#curva-inferior {background-image:url(Images/curva-inferior.gif); background-repeat:no-repeat; width:800px; height:12px; overflow: hidden;}*/
#contenido p {padding:5px 0px 5px 0px; /*text-indent:25px;*/}
#contenido3 p {padding:5px 0px 5px 0px}
/*#contenido h1 {padding-left:15px}
#contenido h2 {padding-left:15px}*/
#menu h1 {color:black; text-decoration:none; text-align:center; font-size:14px; font-family:"Cambria"; background-image: url(Images/menu-curva-superior.gif); background-position:top left; padding-top:12px;}
#pie h1 {font-size:12px; color:#E5E5E5; font-weight:bold; text-decoration:none; text-align:left; margin:5px 10px 20px 20px;}
#menu li {list-style:none; margin:2px 5px 0px 6px;}
/*#navegacion ul {margin-left:180px}*/
#contenido3 li {list-style:square; text-align:left; margin:5px 10px 0px 20px;}
#pie li {list-style:square; text-align:left; margin:5px 10px 0px 35px;}
#publicidad p {font-size:20px; font-family:"Perpetua"; text-align:center; margin-top:50px}
#pie p {text-align:left; margin:5px 10px 0px 20px;}
img {border-style:none;}		

a {color:#06F; /*font-size:1.3em;*/ text-decoration:none}
a:link {}
a:visited {}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

#menu a {color:#0060F0; /*font-size:1.3em;*/ text-decoration:none; display:block;}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:black; text-decoration:underline; background-color: silver;}
#menu a:active {font-weight:bold;}

#brands td {padding: 0px 15px 0px 15px; vertical-align:middle; height:60px;}

#pie a {color:#E5E5E5; text-decoration:none; font-size:12px;}
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:white ; font-weight:bold; text-decoration:none;}
#pie a:active {color:white; font-weight:bold;}

#logotipo a:hover {background-color: white;}

#navegacion td {width:160px; text-align:center; height:20px;}
#navegacion a {font-family:"Cambria"; font-size:16px; color:#0080F0; text-decoration:none; display:block;}
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:black; background-color: #06F; text-decoration:none; font-weight:bold;}
#navegacion a:active {color:white; background-color: #06F; text-decoration:none;}

/*#contenido table a {color:white; text-decoration:none}
#contenido table a:link {}
#contenido table a:visited {}
#contenido table a:hover {text-decoration:underline}
#contenido table a:active {color:#0060F0}*/

/*pie table a {color:white; font-size:12px; text-decoration:none}
pie table a:link {}
pie table a:visited {}
pie table a:hover {text-decoration:underline}
pie table a:active {color:#0060F0}*/


/**************** Clases ***************/
.thumb-QF{
	float: none;
	width: 60px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	text-align:center;
}

.thumb-SH{
	float: none;
	width: 150px;
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	text-align:center;
}

.marco-foto{
	background-color: #FFF;
	width: 188px;
	float: left;
	margin: 0px 6px 15px 0px;
	text-align: center;
	border-radius: 15px;
}

.marco-nombre{
	width: 188px;
	height: 38px;
	background-color: #09F;
	text-align: center;
	display:table;
}
.contenedor{display: table;}
.contenido-marco{display:table-cell; width: 188px; vertical-align:middle; color: #FFF;}

/********* Marco2 *********/
.marco2{margin:0px 15px 15px 0px; float:left;}

.marco2-titulo{
	/*width: 225px;*/
	padding: 5px;
	/*background-image:url(Images/bsmarco.png);
	background-repeat:no-repeat;
	background-position:top center;*/
	background-color: white;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.marco2-descripcion{
	width: 236px;
	padding: 5px;
	/*background-image: url(Images/bimarco.png);
	/*background-repeat:no-repeat;
	background-position:bottom center;*/
	background-color: white;
	text-align:justify;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.marco2-descripcion p {padding:10px 0px 0px 0px;}
.marco2-titulo h1{text-align:center; /*font-family:'Open Sans';*/ font-size:15px;}
.marco2-descripcion h1{text-align:center; /*font-family:'Open Sans';*/ font-size:15px; font-weight:bold; padding-bottom:10px;}
.marco2-descripcion h2{text-align:left; font-size:13px; font-weight:bold; padding-bottom:5px;}
.marco2 li{margin-left:20px; list-style-type: square;}

/********* Marco3 *********/
.marco3{margin:0px 15px 15px 0px; float:left;}

.marco3-titulo{
	/*width: 236px;*/
	padding: 5px;
	/*background-image:url(Images/bsmarco-blue.png);
	background-repeat:no-repeat;
	background-position:top center;*/
	background-color: #0090F0;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.marco3-descripcion{
	width: 236px;
	padding: 5px;
	/*background-image: url(Images/bimarco.png);
	background-repeat:no-repeat;
	background-position:bottom center;*/
	background-color: white;
	text-align: left;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.marco3-descripcion p {padding:10px 0px 0px 0px;}
.marco3-titulo h1{color:white; text-align:center; font-size:15px; font-weight:bold;}
.marco3-descripcion h1{text-align:center; font-size:15px; font-weight:bold; padding-bottom:10px;}
.marco3 li{margin-left:20px; list-style-type: disc;}

/********* Marco3 *********/
.marco4 {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: center;
}

.marco-nombre a {color:white; text-decoration:none}
.marco-nombre a:link {}
.marco-nombre a:visited {}
.marco-nombre a:hover {text-decoration:underline}
.marco-nombre a:active {color:#0060F0}