@charset "utf-8";
/* CSS Document */

/* estilos iniciales */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i, textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
body {
	line-height: 160%;
}
:focus {
	outline: 0
}
ol, ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
blockquote:before, blockquote:after, q:before, q:after {
	content: ""
}
blockquote, q {
	quotes: "" ""
}
input, textarea {
	margin: 0;
	padding: 0;
	border:0;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px;
}
br {
	height: 1px;
	margin:0;
	padding:0;
}
.clear:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.clear {
	display: block;
	clear: both;
}

.seo
{
display:none;
}
/* Hides from IE-mac \*/
* html .clear {
	height: 1%;
}

/* End hide from IE-mac */





a {
	color:#444;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	color:#111;
}
.seo {
	display:none;
}
/* estilos iniciales */



/* estilos sitio */
/*basicos*/
body {
	font:normal 13px/1.6em Arial, Helvetica, sans-serif;
	background:#000 url(../images/bBody1.png) repeat-x 0 0; 
}
html, body {
	height:100%;
}
.bloque1 h1 a {
background:#000 url(../images/logoCalixta.png) no-repeat 0 -335px; 
width:290px;
height:340px;
display:block;
text-indent:-9000em;
}

.bloque1 h1 a:hover {
background:#000 url(../images/logoCalixta.png) no-repeat 0 0; 
width:290px;
height:340px;
display:block;
}

h2 {
	font:bold 20px/1.6em Arial, Helvetica, sans-serif;
}
h3 {
	font:bold 18px/1.6em Arial, Helvetica, sans-serif;
}
h4 {
	font:normal 16px/1.6em Arial, Helvetica, sans-serif;
}
h5 {
	font:bold 12px/1.6em Arial, Helvetica, sans-serif;
}
h6 {
	font:normal 10px/1.6em Arial, Helvetica, sans-serif;
}
p {
	font:normal 12px/1.6em Arial, Helvetica, sans-serif;
}
p strong {
	font:bold 12px/1.6em Arial, Helvetica, sans-serif;
}
p em {
	font:normal 12px/1.6em Arial, Helvetica, sans-serif;
	font-style:italic;
}
ul {
	padding:15px 0;
}
ul li {
	padding:0 0 5px 12px;
	font:normal 12px/1.6em Arial, Helvetica, sans-serif;
	background:#fff url(../images/icoVineta1.gif) no-repeat 0 8px;
}
table {
	border-collapse:collapse;
	margin:15px 0 15px 1px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	width:100%;
}

caption
{
	background-color:#333;
	border: 1px solid #333;
	font:bold 12px/1.6em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	
}
table th {
	font:bold 12px/1.6em Arial, Helvetica, sans-serif;
	text-align:center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color:#ccc;
}
table td {
	font:normal 12px/1.6em Arial, Helvetica, sans-serif;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	
}
table th, table td {
	padding:2px;
}
.contenedor {
	width:614px;
	margin:0 auto;
	text-align:left;
	
}
.contenedor2 {
width:100%;
height:100%;
background:transparent url(../images/bBody2.png) no-repeat center 0; 
}

.bloque1, .bloque2, .bloque3 {

}

.bloque1
{
padding:100px 0 0 0;
}
.bloque2
{
padding:0 0 10px 0;
}
.bloque3
{
padding:0 0 20px 0;
}
.bloque4
{
padding:5px 0 20px 0;
height:450px;
background:transparent url(../images/loading.gif) no-repeat 50% 50%;
}
.bloque5
{
padding:0 0 20px 0;
}
.bloque6
{
padding:10px 0 5px 0;
}

.bloque6 h1
{
padding:0 0 5px 0;
height:50px;
width:auto;
}
.bloque6 h1 a
{
padding:0 0 5px 0;
height:50px;
background:transparent url(../images/logoCalixtaHorizontal.png) no-repeat right 0;
display:block;
text-indent:-9000em;
}
.bloque7
{
padding:5px 0 20px 0;
background:transparent;
}

.bloque7 p
{
	color:#f2f2f2;
	padding:0 0 20px 0;
}

.bloque7 img
{
float:left;
margin:0 15px 0 0;
}


h2
{
color:#d5b055;
font:normal 16px/1.4em Tahoma, Arial, Helvetica, sans-serif;
margin:0 0 0 15px;
padding:0 0 8px 0;
}
.bloque3 h5
{
text-align:center;
color:#666;
font:normal 12px/1.4em Tahoma, Arial, Helvetica, sans-serif;
}
.bloque5 p
{
text-align:right;
}

.bloque3 h5 a, .bloque5 p a
{
color:#999;
font:bold 12px/1.4em Tahoma, Arial, Helvetica, sans-serif;
}
.bloque3 h5 a:hover, .bloque5 p a:hover
{
color:#f2f2f2;
font:bold 12px/1.4em Tahoma, Arial, Helvetica, sans-serif;
}

.bloque5 p a
{
color:#999;
font:normal 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
.bloque5 p a:hover
{
color:#f2f2f2;
font:normal 11px/1.4em Tahoma, Arial, Helvetica, sans-serif;
}


.cLogo, .menu1
{
float:left;
display:inline;
}

.cLogo
{
width:290px;
height:340px;
margin:0 0 0 77px;
background-color:#000;
}

.menu1
{
width:217px;
height:244px;
margin:96px 0 0 0;
border-left:1px solid #333;
}



.menu1 ul li
{
background-image:none;
background-color:transparent;
padding-bottom:14px;
}

.menu1 ul li a
{
color:#d5b055;
font:normal 36px/1.3em Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.menu1 ul li a:hover
{
color:#f2f2f2;
}

.red1
{
padding:8px 0 0 82px;
}

.red1 span, .red1 a
{
display:inline;
float:left;
margin:0 15px 0 0;
}
.red1 a.facebook
{
background:transparent url(../images/red1.jpg) no-repeat 0 -23px;
text-indent:-9000px;
width:63px;
height:29px;
}

.red1 a.facebook:hover
{
background:transparent url(../images/red1.jpg) no-repeat 0 0;
}