@charset "UTF-8";

/* CSS Document */

html, body {
	height:100%;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #262a33;
	
}

#contenedor {
	height: 100%;
	width: 100%;
	background-image: url(../images/bglight.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#contenedor #soporte #contenido {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 12px;
}
#contenedor #soporte #contenido #fotohead {
	height: 312px;
	width: 920px;
}
#contenedor #header {
	height: 155px;
	width: 948px;
	margin-right: auto;
	margin-left: auto;
}
#contenedor #header #logo {
	height: 155px;
	width: 400px;
	float: left;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 5px 33px;
}
#contenedor #header #botonera {
	float: left;
	height: 56px;
	width: 540px;
	margin-top: 80px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	

}
#contenedor #header #botonera #botonleft {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botonleft.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
#contenedor #header #botonera #botonleft a {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #485d75;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botonleft.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
#contenedor #header #botonera #botonleft a:hover {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botonleft.png);
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 0px -56px;
}
#contenedor #header #botonera #botonblue {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botonblue.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
#contenedor #header #botonera #botonblue a {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #485d75;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botonblue.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
#contenedor #header #botonera #botonblue a:hover {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botonblue.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
	text-decoration: none;
}
#contenedor #header #botonera #botongreen {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botongreen.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
#contenedor #header #botonera #botongreen a {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #485d75;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botongreen.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
#contenedor #header #botonera #botongreen a:hover {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botongreen.png);
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 0px -56px;
}
#contenedor #header #botonera #botonright {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botonright.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
#contenedor #header #botonera #botonright a {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #485d75;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botonright.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
#contenedor #header #botonera #botonright a:hover {
	height: 56px;
	width: 108px;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 56px;
	float: left;
	background-image: url(../images/botonright.png);
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 0px -56px;
}
#contenedor #soporte {
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 948px;
	background-color: #eeeff4;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #181d29;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #5f5f5f;
	height: 1100px;
}
#contenedor #soporte a {
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #0091d0;
	text-decoration: none;
}
#contenedor #soporte a:hover {
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #0091d0;
	text-decoration: line-through;
}
#contenedor #soporte a:visited {
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #0091d0;
	text-decoration: none;
}
.hr {
	height: 1px;
	background-color: #F0F0F7;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-bottom-style: dashed;
	border-bottom-color: #bfc2ce;
}

h1 {
	font-family: 'Bree Serif', serif;
	font-size: 22px;
	color: #24344a;
}
h2 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #0091d0;
	font-weight: normal;
	margin-top: 0px;
	line-height: normal;
	display: inline;
}
h3 {
	font-family: 'Bree Serif', serif;
	font-size: 22px;
	color: #0091d0;
}
h4 {
	font-family: 'Bree Serif', serif;
	font-size: 20px;
	color: #6cd89b;
}
h5 {
	font-family: 'Bree Serif', serif;
	font-size: 30px;
	color: #FFFFFF;
}
.margen {
	float: left;
	width: 24px;
	height: 75px;
}
.margengrande {
	float: left;
	height: 500px;
	width: 80px;
}
.margenbgindex {
	float: left;
	width: 24px;
	background-image: url(../images/margenbg.jpg);
	background-repeat: repeat-y;
	height: 575px;
	margin-top: 90px;
}
.margenbgservicios {
	float: left;
	width: 24px;
	background-image: url(../images/margenbg.jpg);
	background-repeat: repeat-y;
	height: 200px;
}
.margenbgred {
	float: left;
	width: 22px;
	background-image: url(../images/margenbg.jpg);
	background-repeat: repeat-y;
	height: 430px;
}
.margenacerca {
	float: left;
	width: 24px;
	background-image: url(../images/margenbg.jpg);
	background-repeat: repeat-y;
	height: 150px;
}
.items_red {
	width: 35px;
	float: left;
	height: 450px;
}
.texto_red {
	float: left;
	width: 105px;
	line-height: 72px;
}
.auto_col {
	width: 100%;
	height: 75px;
}
.una_col {
	float: left;
	width: 60px;
	text-align: center;
}
.dos_col {
	float: left;
	width: 140px;
	height: 100px;
}
.colymedia {
	float: left;
	width: 100px;
}
.doscolymedia {
	float: left;
	width: 170px;
	padding-left: 10px;
}
.tres_col {
	float: left;
	width: 195px;
}
.tresymedia_col {
	float: left;
	width: 225px;
}
.cuatro_col   {
	width: 280px;
	padding-left: 10px;
	float: left;
	padding-right: 10px;
}
.cuatro_col_sin_margen {
	width: 300px;
	float: left;
	line-height: 30px;
	height: 150px;
}
.ocho_col {
	width: 620px;
	float: left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	color: #0091d0;
	height: 175px;
}
.diez_col {
	width: 790px;
	float: left;
}
.soporte-contacto {
	height: 345px;
	width: 650px;
	background-color: #008bc7;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #FFF;
	float: left;
}
.campo_chico {
	background-color: #FFFFFF;
	width: 300px;
	height: 32px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #5f5f5f;
	text-indent: 5px;
}
.campo_grande {
	background-color: #FFFFFF;
	width: 280px;
	height: 225px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #5f5f5f;
	text-indent: 5px;
}
#contenedor #soporte #soporte-contacto #cuatro_col_sin_margen #btn-enviar {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	color: #008BC7;
	background-color: #FFF;
	height: 32px;
	width: 140px;
	text-align: center;
	line-height: 32px;
	margin-left: 140px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 20px;
}
#contenedor #soporte #soporte-contacto #cuatro_col_sin_margen #btn-enviar a {
	color: #008BC7;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contenedor #soporte #soporte-contacto #cuatro_col_sin_margen #btn-enviar a:hover {
	color: #00A0E4;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px;
	text-decoration: line-through;
}
#contenedor #soporte #basecontacto {
	height: 58px;
	width: 176px;
	float: left;
	background-image: url(../images/contacto-form.jpg);
	background-repeat: no-repeat;
	margin-left: 650px;
}
#contenedor #footer {
	height: 70px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #b7b7b7;
	text-decoration: none;
	padding-top: 30px;
	padding-left: 10px;
}
#contenedor #footer a {
	height: 70px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
#contenedor #footer a:hover {
	height: 70px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: line-through;
}

/* ---------------- */

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
	-webkit-box-align: center;
	text-align: center;
	cursor: default;
	color: buttontext;
	margin: 10px 0 0 221px;
	padding: 2px 6px 3px;
	border: 2px outset buttonface;
	border-image: initial;
	background-color: buttonface;
	box-sizing: border-box;
	color: #008BC7;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	cursor: pointer;
}

.form-error {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	float: right;
	position: absolute;
	right: 776px;
	line-height: 45px;
	color: #C90028;
	margin: -32px 0;
	font-size: 12pt;
}