/* CSS Document */

* {margin:0; padding:0; font-size:100%;}

body{background:url(images/body-bg.gif) repeat top center; text-align:center; min-width:1000px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.redes {
	height: 38px;
	width: 980px;
}

#cuadro {
	background: #CCC;
	width: 300px;
}
.cuadro {
	background: #CCC url(images/gray.jpg);
	width: 300px;
	margin: 1px;
	height: 105px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	top: 0px;
}
.cuadro3 {
	height: 105px;
	width: 300px;
	background: url(images/gray3.jpg);
	padding-bottom: 5px;
}
.cuadro4 {
	background: url(images/gray4.jpg);
	width: 300px;
	height: 105px;
	padding-bottom: 5px;
}
.cuadro5 {
	width: 300px;
	background: url(images/gray5.jpg);
	height: 105px;
	padding-bottom: 5px;
}
.cuadro2 {
	background: url(images/gray2.jpg);
	height: 115px;
	width: 300px;
	padding-left: 0px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
.encajartitulo {
	width: 300px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.clear  { clear:both;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.308em; color:#76808a;}

input, select { vertical-align:middle; font-weight:normal;}

a {
	color:#333;
	outline:none;
	font-size:12px;
	line-height:normal;
	margin-left: 0px;
}
a:hover{text-decoration:none;}
p {
	padding-top:15px;
	color: #333;
	font: 12px Arial, Helvetica, sans-serif;
}
.p.titu {
	font: oblique 16px Verdana, Geneva, sans-serif;
	color: #000;
	height: auto;
	width: 300px;
}


.p {
	padding-bottom:5px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}
.p1 {
	padding-bottom:0px;
	color: #333;
	font: bold normal 10px Verdana, Geneva, sans-serif;
	bottom: 0px;
	padding-left: 60px;
}
.p2 {padding-bottom:20px;}
.p3 {padding-bottom:26px;}
.p-3 {padding-bottom:31px;}
.p4 {
	width: 220px;
	padding-left: 60px;
	font: 12px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	white-space: normal;
	vertical-align: 0%;
}
.modulo1 {
	height: 80%;
	width: 320px;
	padding-bottom: 40px;
}
.imamod1 {
	height: 100%;
	width: 320px;
}
.modtext1 {
	margin: 30px 0px;
	height: 20px;
	width: 230px;
	float: right;
}
.modp1 {
	height: 100%;
	width: 300px;
	margin-left: 20px;
	clip: rect(auto,auto,auto,auto);
	bottom: 30px;
	font: 12px Tahoma, Geneva, sans-serif;
	color: #666;
	text-decoration: none;
}


.p5 {padding-bottom:45px;}
.box1 {
	float: left;
	height: 100%;
	width: 320px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
}


.top {
	padding-top:4px;
	padding-left: 0px;
}
#alfonso {
	font: normal 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #000;
}

.top3 {
	padding-top:0px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.top4 {padding-top:35px;}

object {vertical-align:top; outline:none;}

.wrapper {
	width:100%;
	overflow:hidden;
	height: auto;
}
.redesociales {
	height: 60px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF;
	padding-top: 10px;
}

/* ============================= main layout ====================== */

.list {margin-top:-5px;}

li { background:url(images/marker.gif) no-repeat 0 6px; padding-left:23px; line-height:26px;}
li a {color:#76808a; font-size:13px; text-decoration:none;}
li a:hover {color:#ff8300;}

li a {color:#76808a; font-size:13px; text-decoration:none;}
li a:hover {color:#ff8300;}

.imgindent {margin:0 35px 0 0; float:left;}

.img-box {
	padding:0px 0;
	width: 640px;
}
/* ============================= header ====================== */
a.button {text-decoration:none; font-size:13px; color:#fff; display:inline-block; cursor:pointer; text-align:center; height:24px; width:92px; background:#fa8101; padding:8px 0 1px 1px; margin-right:4px; line-height:1.2em}
a.button:hover {background:#fff; color:#fa8101;}

.color span{color:#fa8101;}
.color1 {color:#000; font-size:13px;}
.color2 {color:#333a40;}
.color3 {color:#ff8300; font-size:16px;}
/* ============================= content ====================== */
#content .main {
	background:#fff;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.cajaswf {
	height: 67px;
	width: 300px;
	float: none;
	padding-top: 15px;
	padding-bottom: 30px;
}
.cajaeventos {
	height: 100%;
	width: 320px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#cajabanners {
	height: 201px;
	width: 300px;
}


h2 {
	color:#000;
	text-transform:uppercase;
	padding-bottom:30px;
	font: 31px/1.2em "HelveticaNeueLT Std UltLt";
}

.inner {
	padding:0px 0 60px;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
	color: #666;
}
.cajacolumna1 {
	float: left;
	height: 100%;
	width: 320px;
	font: 12px Tahoma, Geneva, sans-serif;
	color: #666;
}
.cajacolumna2 {
	height: 800px;
	width: 320px;
	float: right;
}
.cajarticulo {
	background: url(images/fondoarticulo.gif) repeat-x;
	height: 560px;
	width: 310px;
	margin-top: 15px;
}

.cajacolumna3 {
	float: right;
	height: 800px;
	width: 320px;
}
.cajafoto1 {
	float: left;
	height: 80px;
	width: 80px;
	padding-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cajitastextos {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	float: left;
	width: 300px;
	height: auto;
	margin-bottom: 20px;
	padding-left: 10px;
}


.indent {
	width: 320px;
	padding: 0px;
}
.cajareferencias {
	height: auto;
	width: 320px;
}

.indent1 {padding:18px 0 0 1px;}

.border {border-right:1px solid #d4d8db;}

.text {color:#333a40; font-size:15px; line-height:17px;}
.text1 {
	color:#333a40;
	font: 16px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.·titulares {
	font: 14px Verdana, Geneva, sans-serif;
	color: #000;
	height: auto;
	width: 300px;
}


.phone {display:inline-block; width:138px;}
/* ============================= footer ====================== */
.block li {background:none; margin-top:-6px; padding-left:28px;}
.block a {font-size:15px; line-height:1.2em; color:#7d8387;}
.block span {font-size:18px; line-height:1.2em; color:#fff;}
.block .first {padding-left:28px;}

.border1 {
	padding-top:10px;
	margin-top:13px;
}

.p-right {
	padding-right:0px;
}
.p-right1 {padding-right:50px;}
.p-right2 {padding-right:15px;}

.policy {color:#7d8387; font-size:14px; line-height:1.2em; padding:54px 0 43px 0;}
.policy a {color:#7d8387; font-size:14px; line-height:1.2em; text-decoration:none;}
.policy a:hover {color:#fff;}
#footer .main {
	background-image: url(images/body-bg.gif);
	background-repeat: repeat;
	background-position: center top;
}
#cajade {
	width: 300px;
}

#pata {
	background-image: url(images/final.jpg);
	width: 960px;
	position: relative;
	left: 60px;
}

/* ============================= forms ============================= */

#ContactForm {padding-top:0px;}
#ContactForm label {height:40px; display:block;}
#ContactForm .input {width:256px; border:1px solid #FFFFFF; background:url(images/label-bg.gif); padding:5px 0 5px 12px; font-size:1em; line-height:1.243em;}
#ContactForm .link {margin:0px 8px 0 12px;}
textarea {width:256px; height:145px; border:1px solid #FFFFFF; background:url(images/text-bg.gif); padding:5px 0 0 12px; overflow:auto; font-size:1em;}
#testimonios {
	width: 600px;
}
#contacto {
	width: 980px;
}
#pro {
	float: left;
	width: 80px;
}
#diploma {
	width: 450px;
}
#contactorocio {
	background: url(images/contenidocontacto.jpg);
	width: 300px;
}
.contactorocio {
	background: url(images/contenidocontacto.jpg);
	height: 160px;
	width: 300px;
	float: none;
}
.pata {
	height: 50px;
	width: 1020px;
}
.cuadrotexto {
	height: 100%;
	width: 350px;
	padding-left: 25px;
	color: #333;
	font: 12px "Arial Black", Gadget, sans-serif;
	float: left;
}
.orange {
	background: url(images/blok.gif) repeat-x;
	height: 20px;
	width: 250px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #FFF;
	float: right;
}
.cajatitle {
	height: 100%;
	width: 220px;
	padding-right: 30px;
	padding-left: 30px;
	font: 12px Verdana, Geneva, sans-serif;
	color: #FFF;
	clip: rect(auto,auto,auto,auto);
	margin-bottom: 20px;
}
.cajaconferencias {
	height: 100%;
	width: 550px;
	margin-left: 20px;
	float: left;
	font: 14px Verdana, Geneva, sans-serif;
	color: #FFF;
}
.cajaconferencias.foto {
	height: 100%;
	width: 550px;
	margin-left: 20px;
	background: #CCC url(images/bgris.gif) repeat-x;
}
.cajitas {
	background: url(images/bloque1.jpg) repeat-x;
	height: 100%;
	width: 300px;
	float: none;
}
.cajitastitulo {
	height: 30px;
	width: 300px;
	background: url(images/bloque1.jpg) repeat-x;
	font: bold normal 14px/normal Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
}
.vermas {
	background: url(images/botonnaranja.gif) repeat-x;
	height: 25px;
	width: 80px;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	margin-left: 10px;
	text-align: center;
}

.title {
	font: bold 14px Verdana, Geneva, sans-serif;
	color: #FFF;
	height: 20px;
	width: 300px;
	padding-top: 7px;
	padding-left: 15px;
}
.cajacontacto {
	float: right;
	width: 300px;
	height: 180px;
	margin-top: 310px;
}
.cajaformaulario {
	float: right;
	height: 600px;
	width: 700px;
	left: 300px;
}

.textoscheveres {
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
	padding-left: 20px;
}
.blancoespacio {
	height: 20px;
	width: 320px;
	margin-top: 18px;
}
.cajaperfil {
	height: 100%;
	width: 220px;
	float: left;
}
#cajapata {
	background: url(images/bgris.gif) repeat-x;
	height: 30px;
	width: 100%;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 10px;
}