﻿/* ---------------------------------------------------------
H E L P
------------------------------------------------------------
NOMBRE(  );
#NOMBRE(id="");
.NOMBRE(class="");
!important(Ignorar cualquier otro modificador);
TAMAÑO(width, height);
POSICION(margin, border, padding, float, position);
IMAGEN(background: url, color, repeat, attachament);
FORMATO(color, direccion, spacing, transfom, decoration);
FUENTE(font: family, size, weight);
----------------------------------------------------------*/
/********************************************  
 * @Autor: VECTOR 4
 * @URL : http://www.vector-4.com
 ********************************************/
html, body, div, span, object, iframe, h1, h2, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, all, header, contenido, footer, hgroup, nav, section{margin:0; border:0; padding:0;}

#preloadedImages{ 
  width:0px; height:0px; display: inline;
  }

* {font-family:'Times New Roman', Georgia, Serif; font-size:14px;} 

body{
  background-color:#ffc3c3;
  background-image: url("../img/bg_all.jpg");
  }
#all{ width:1000px;	margin: 0 auto;	background-color:#FFF;	background-image: url("../img/bg.png");	background-repeat:repeat-x;}
#main{}
#header{ height:130px; width:1000px; float:left; clear:both;}
#header h1{margin-bottom:0px;}
#header h3{margin-top:0px;}
#h_left{  }
#h_center{  }
#h_right{  }
#contenido{width:960px; padding:20px;}
#c_ini_top{position:relative; width:920px; height:266px;}
#c_ini_topleft{position:absolute; top:0px; left:0px; width:584px; height:246px; padding:10px 10px 10px 0px}
#c_ini_topright{position:absolute; top:0px; right:0px; width:306px; height:266px; padding:0px; border:0px; margin:0px}
#c_ini_bottom{position: relative; width:920px; padding:20px}
#c_left{float:left; padding:10px; margin-top:30px; width:200px;}
#c_center{border:1px #C6C6C6 solid; padding:20px; margin-top:205px; background-color:white;}
#c_right{  }  
#footer{width:1000px; height: 120px; background:url("../img/bg_footer.png") #FFF repeat-x; font-size: 12px;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer a:visited{color:#333;}
#f_left{float:left; width:200px; padding-top:65px; padding-left:20px;}
#f_center{float:left; width:540px; padding-top:75px; padding-left:10px; text-align:center;}
#f_right{float:left; width:200px; padding-top:65px; text-align:right; color:#666; font-size:0.7em;}  

#logo{clear:both;}
#logo a{text-decoration:none; font-size:1.2em}
#logo a:visited{color:#000;}
#logo_img{float:left; margin-left:20px; padding: 0px 5px 0px 5px; display:block; width:166px; height:176px;}
#logo_img a{display:block; width:165px; height:174px; background:url("../img/logo.png") no-repeat; text-align:center;}
#logo_txt{display:block; float:left; width:600px; padding: 35px 0px 0px 5px;}

#banner{position:absolute; width:940px; height:140px; margin-top:192px; padding: 15px 30px 15px 30px; background:url("../img/bg_banner.jpg") #933; border-top:solid 3px #833; border-bottom:solid 3px #833; color:#FFF; z-index:1;}
#page_name{height:20px; margin-top:116px; padding:5px 5px 5px 40px;}
#page_name h2{font-size:22px; color:#800000; text-align:left; margin:20px;}

#h2r h2{text-align:right !important;}
#h2c h2{text-align:center !important;}

/*  G E N E R A L  */  
a{color:#000; font-weight:bold;}
a:link{  }
a:hover{text-decoration:none; font-weight:bold;}
a:visited{color:#000;}
p{  }
p:first-letter{  }  
p.clear{clear:both;} /* poner <p class="clear></p>" */
ul{list-style-type: none;}
h1{font-size:20px;}
h2{font-size:20px;}
h2 a{text-decoration:none; font-weight:bold; color:#ccc;}
h3{font-size:18px;}
h4{  }
h5{  }
h6{  }
/*hr {border:0; height:10px; box-shadow:inset 0 12px 12px -12px #D33;}*/
hr {border: 0; height: 0; box-shadow: 0 1px 2px 1px #C66;}
blockquote {padding-left:20px; border-left:2px solid #C66; color:#D33;}

/* FORMATO */  
.sombra_all {
 -moz-box-shadow: 0px 0px 15px #800;
 -webkit-box-shadow: 0px 0px 15px #800;
 box-shadow: 0px 0px 15px #800; 
 }
.sombra_img {
 -moz-box-shadow: 3px 3px 10px #933;
 -webkit-box-shadow: 3px 3px 10px #933;
 box-shadow: 3px 3px 10px #933; 
 }

.miembro{margin-right:20px; border:1px solid #FCC;}
.txtcita_ini{margin-left:325px; padding-left:25px; border-left:2px solid #966; color:#666;}

.marcus1{border:5px solid #FFF;}
.marcusb{border:3px solid #FFF;}

.vs200{margin-top:200px !important;}
.vs100{margin-top:100px !important;}
.vs50{margin-top:50px !important;}
.vs50{margin-top:25px !important;}
.color000{color:#000 !important;}
.color333{color:#333 !important;}
.color666{color:#666 !important;}
.color999{color:#999 !important;}
.colorCCC{color:#CCC !important;}
.colorFFF{color:#FFF !important;}
.crojo{color:#C66 !important;}

.bg000{background-color:#000 !important;}
.bgFFF{background-color:#FFF !important;}
.bg333{background-color:#333 !important;}
.bg666{background-color:#666 !important;}
.bg999{background-color:#999 !important;}
.bgCCC{background-color:#CCC !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.pp5{padding:5px !important;}
.pp10{padding:10px !important;}
.pp15{padding:15px !important;}
.pp20{padding:20px !important;}
.mg5{margin:5px !important;}
.mg10{margin:10px !important;}
.mg15{margin:15px !important;}
.mg20{margin:20px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr50{margin-right:50px !important;}
.mr75{margin-right:75px !important;}
.mr100{margin-right:100px !important;}
.mr150{margin-right:150px !important;}
.mr200{margin-right:200px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml50{margin-left:50px !important;}
.ml75{margin-left:75px !important;}
.ml85{margin-left:85px !important;}
.ml100{margin-left:100px !important;}
.ml150{margin-left:150px !important;}
.ml200{margin-left:200px !important;}
.mb60{margin-bottom:60px !important;}

.tl{text-align:left !important;}
.tc{text-align:center !important;}  
.tr{text-align:right !important;}
.tj{text-align:justify !important;} 
.b0{border:0;}

/*  F U E N T E S  */
.fwn{font-weight:normal !important;}
.fwb{font-weight:bold !important;}
.fwl{font-weight:lighter !important;}
.fsn{font-style:normal !important;}
.fsi{font-style:italic !important;}
.txu{text-transform: uppercase !important;}
.txl{text-transform: lowercase !important;}
.txc{text-transform: capitalize !important;}

.fz4{font-size:4px !important;}
.fz6{font-size:6px !important;}
.fz8{font-size:8px !important;}
.fz9{font-size:9px !important;}
.fz10{font-size:10px !important;}
.fz11{font-size:11px !important;}
.fz12{font-size:12px !important;}
.fz14{font-size:14px !important;}
.fz16{font-size:16px !important;}
.fz18{font-size:18px !important;}
.fz20{font-size:20px !important;}
.fz22{font-size:22px !important;}
.fz24{font-size:24px !important;}

.fontf01{font-family:'Comfortaa',cursive;}
.fontf02{font-family:'Indie Flower', cursive;}
.fontf03{font-family:'Times New Roman', Georgia, Serif;}
.fletter:first-letter{font-size:250%;}

/*  F O R M U L A R I O S  */
.imputable{
  width:180px;
  height:25px;
  margin-right:5px;
  padding-left:5px;
  border: 1px solid #701805;
  background-color:transparent;
  font-size:11px;
  color:#000;
  }
.imputablebox{
  width:340px;
  height:120px;
  padding-left:5px;
  border:1px solid #701805;
  background-color:transparent;
  font-size:11px;
  color:#000;
  }
.sendbuton{
  margin:0 5px;
  padding:4px 15px;
  border:1px solid #701805;
  cursor:pointer;
  background-color:transparent;
  font-size:10px;
  font-weight:bold;
  color:#701805;
  }

/*   FORMULARIOS   */ 
.formale {width:750px; padding-left:150px; font-size: 11px;}
.formtable td, .formtable td  {padding:5px 7px 2px;}
.formin {color: #450;	font-weight:normal; font-size: 11px; height:25px}

/*  GALERIAS  */
#galleria{height:460px}

/*  MENUS NORMAL/DESPLEGABLE  */
#menu{position:absolute; margin-top:110px; margin-left:640px; padding:0px 10px 0px 0px; display:block; z-index:5;}
#menu ul{  }
#menu ul li{display:block; float:left; height:32px; margin-left:5px; position:relative; background-image:url("../img/menu_bg.png"); background-repeat:no-repeat; background-position:0px -33px; text-align:center; padding-left:20px; padding-right:20px;}
#menu ul li a{position:relative; line-height:32px; font-size:10px; font-weight:bold; z-index:9999; text-decoration:none;}
#menu ul li a:hover{text-decoration:none;}
#menu ul li span{display:block; width:30px; height:32px; background-image:url("../img/menu_bg.png"); background-repeat:no-repeat; background-position:100% -33px; position:absolute; z-index:3; left:100%; margin-left:-30px;}

#menu ul li.menu-current, #menu ul li:hover{ background-position:0px 0px !important;}
#menu ul li.menu-current span, #menu ul li:hover span{ background-position:100% 0px !important;}
#menu ul li.menu-current a, #menu ul li:hover a, #menu ul li a:hover{color:#FCC;}
.menu-mw{min-width:60px;}

#menux {position:fixed; margin-top:192px; margin-left:-120px; text-align:center; font-size:0.7em; border-top:solid 3px #800; border-bottom:solid 3px #FFF; }/* -moz-box-shadow: -6px 0px 10px #811; -webkit-box-shadow: -6px 0px 10px #811; box-shadow: -6px 0px 10px #811;}*/
#menux ul{list-style-type:none;}
#menux ul li.nivel1{width:120px; color:#833; background-color:#FFF; }
#menux ul li a {display:block; text-decoration:none; padding:8px; position:relative;}
#menux ul li.nivelx{display:block; color:#FFF; font-weight:bold; padding:5px 0px 5px 0px; background:url("../img/bg_banner.jpg") #833;}
#menux ul li.primera{border-top:none;}
#menux ul li a.segunda{color:#800; background-color:#FFF;}
/*#menux ul li:hover{position:relative; background-color:#F86; color:#FFF;}*/
#menux ul li a:hover, #menux ul li:hover a.nivel1 {background-color:#800; color:#FFF; position:relative;}
#menux ul li a.nivel1 {display:block!important; display:none; position:relative;}
#menux ul li ul {display:none;}
#menux ul li a:hover ul, #menux ul li:hover ul{display:block; position:absolute; left:91px; top:-1px!important; top:-31px;}
#menux ul li ul {border:solid 2px #FCC;}
#menux ul li ul li a{width:100px; background-color:#800; color:#FFF;}
#menux ul li ul li a:hover{position:relative; background-color:#FFF; color:#933;}

/*  LISTA DE DOCUMENTOS  */
.date2 {width:60px; height:70px; background:url("../img/00/date2bg.gif") no-repeat; color:#363636; font-weight:700;}
.date2 .month{width:60px; padding-left:10px; position:relative; top:22px;}
.date2 .day{ width:62px; padding-left:8px; position:relative; top:20px; font-size:28px;}
.date5 {float:left; width:64px; height:73px; background:url("../img/00/date5bg.gif") no-repeat; font-weight:700; padding-left:2px;}
.date5 .month{width:100%; text-align:center; position:relative; top:18px; color:#F99; font-size:15px;}
.date5 .day{width:100%; text-align:center; position:relative; top:16px; font-size:28px; color:#C99;}

.pdfx{display:block; float:left; width:33px; height:43px; padding: 0 0 0 5px;}
.pdfx a{ display:block;	width:33px;	height:43px; background:url("../img/00/A.png") no-repeat; text-align:right; font-size:18px; color: #FFF; font-weight:bold; vertical-align:bottom;}
.pdfy{display:block; float:left; width:33px; height:43px; padding: 0 0 0 5px;}
.pdfy a{ display:block;	width:33px;	height:43px; background:url("../img/00/B.png") no-repeat; text-align:right; font-size:18px; color: #FFF; font-weight:bold; vertical-align:bottom;}
.pdfe{display:block; float:left; width:40px; height:40px; padding: 0 0 0 30px;}
.pdfe a{ display:block;	width:40px;	height:40px; background:url("../img/00/contacto.png") no-repeat; text-align:right; font-size:18px; color: #FFF; font-weight:bold; vertical-align:bottom;}
.pdfa {padding: 0 0 0 30px; float:left;}

/*  TABLA DE HORARIO  */
.h_sblock{
	border:1px #C6C6C6 solid;
	background-color:#fff;
	padding:1px;
	margin-top:13px;
	overflow:hidden;}
.sblock{
	padding:14px 20px;
	background-image:url("../img/bg_sblock.png");
	background-repeat:repeat-x;
	background-color:#833;}
.sblockx{
  height: 30px;
	font-size:12px;
	color:#fff;
	overflow:hidden;
	background-color:#833;}
.sblocka{
	/*background-image:url("../img/menu_bg.png");
	background-repeat:no-repeat;	
	background-position:100% -10px;*/
	background-color:#F88;}
.icons_tr{
 padding: 0 0 10px 0;
 border-width: 1px;
 border-style: solid;
 border-color: #c6c6c6;
 text-align:center;
 margin-left:70px;}
.icons_tr tr{
 height: 20px;}
.sblock p{
	font-size:12px;
	color:#fff;
	overflow:hidden;}