/*
 * Colores, tipos de letra, fondos...
 *************************************************************/

	/*	Enlaces y Cuerpo del Sitio */
		.google_mapa{
			color:#333;
		}
		a{color:#891403;font-size:11px;text-decoration:none;font-weight:bold;}
		a:hover{text-decoration:none;color:#F7921E;}
		body{
			color:#333333;
			background:url(images/bg.jpg) repeat-x #fff;
		}
		
		ul{
			list-style:none;
		}
		
		ul li{
			background:url(images/arrow.gif) no-repeat 2px 5px;
			padding-left:10px;
		}
				
		.main{
			margin:0 auto;
			width:700px;
			padding-bottom:20px;
			position:relative;
		}
		
		.main .pizarron{
			behavior: url(iepngfix.htc);
			background:url(images/pizarron.png) no-repeat;
			position:absolute;
			top:120px;
			left:-60px;
			width:251px;
			height:212px;
		}
		
		.header{
			position:relative;
			padding-top:20px;
			padding-bottom:20px;			
		}
		
		.header .nube-uno{
			position:absolute;
			top:0;
			background:url(images/nube01.gif) no-repeat;
			width:195px;
			height:32px;
		}
		.header .nube-dos{
			position:absolute;
			top:0;
			left:220px;
			background:url(images/nube02.gif) no-repeat;
			width:102px;
			height:33px;
		}
		.header .nube-tres{
			position:absolute;
			top:10px;
			left:340px;
			background:url(images/nube03.gif) no-repeat;
			width:102px;
			height:75px;
		}
		.header .nube-cuatro{
			position:absolute;
			top:0;
			right:0;
			background:url(images/nube04.gif) no-repeat;
			width:250px;
			height:57px;
		}

		.header .telefono{
			position:absolute;
			top:95px;
			right:0;
			background:url(images/ico.jpg) no-repeat;
			white-space:nowrap;
			padding-left:25px;
			font-weight:bold;
			font-size:16px;
		}
		
		.header .menu{
			position:absolute;
			right:0;
			top:122px;
			margin-bottom:4px;
		}
		
		.header .menu li{
			float:left;
			background:none;
			list-style:none;
			margin-left:10px;
			background:url(images/tab-inactive.gif) no-repeat #B9E3F1;
			height:31px;
			padding:0;
		}
		
		.header .menu li a{
			line-height:31px;
			display:block;
			background:url(images/tab-inactive.gif) no-repeat top right;
			padding:0 6px;
			text-align:center;
			color:#fff;
		}
		.header .menu li a:hover{
			background:url(images/hover.gif) no-repeat top right;
		}
		.header .menu li.active{
			background:url(images/tab-active.gif) no-repeat #212E84;
		}
		
		.header .menu li.active a{
			background:url(images/tab-active.gif) no-repeat top right;
		}
		
		.contenido{
			width:100%;
			padding:10px 0;
			position:relative;
			background:url(images/contenido.jpg) repeat-y;
		}
		
		.contenido .top-left{
			position:absolute;
			top:0;
			left:0;
			background:url(images/left-top.jpg) no-repeat;
			width:10px;
			height:10px;
			display:block;
		}
		.contenido .top-right{
			position:absolute;
			top:0;
			right:0;
			background:url(images/right-top.jpg) no-repeat;
			width:10px;
			height:10px;
			display:block;
		}
		.contenido .bottom-left{
			position:absolute;
			bottom:0 !important;
			bottom:-9px;
			left:0;
			background:url(images/left-bottom.jpg) no-repeat;
			width:10px;
			height:10px;
		}
		.contenido .bottom-right{
			position:absolute;
			bottom:0 !important;
			bottom:-9px;
			right:0;
			background:url(images/right-bottom.jpg) no-repeat;
			width:10px;
			height:10px;
		}
		
		.contenido a{ color:#fff; }
		.contenido a:hover{ color:#fff;border-bottom:1px dotted #ccc; }
		
		.contenido .sidebar{
			padding-left:3px;
			width:175px;
			float:left;
			padding-bottom:100px;
			background:url(images/utiles.jpg) no-repeat center bottom;
		}
		
		.contenido .texto h1,.contenido .texto h1 a,
		.contenido .texto h3, .contenido .texto h3 a,
		.contenido .sidebar h3{
			font-family:Trebuchet MS, Arial, Verdana, Serif;
			color:#fff;
			font-size:18px;
			font-weight:bold;
		}
		
		.contenido .texto h1 span{
			font-size:14px;
			display:block;
			color:#FF6600;
			margin-bottom:8px;
		}

		.contenido .sidebar .widget-avisos h3{
			background:url(images/notes.jpg) no-repeat;
			line-height:31px;
			padding-left:35px;
		}

		.contenido .texto{
			margin-left:10px;
			width:505px;
			color:#fff;
			float:left;
		}		

		.contenido .texto ul{
			margin:4px 0;
		}
		
		.contenido .texto li{
			margin-left:15px;
			text-indent:5px;
		}
		
		.contenido .texto a{
			color:#B8BEED;
		}
		
		.footer{
			margin:10px 0;
			color:#666;
			font-size:11px;
			text-align:left;
			background:url(images/logo-bw.jpg) no-repeat right top;
		}
		
		.footer ul{
			height:25px;
		}
		.footer ul li{
			float:left;
			background:none;
		}
		
		.footer ul li a{
			color:#999;
		}
		
		.footer ul li a:hover{
			color:#666;
			border-bottom:1px dotted #666;
		}
		
		.powered{
			text-align:right;
			width:130px;
			float:right;
		}
		
		.powered a span{
			width:130px;
			font-size:1px;
			color:#fff;
			display:block;
			height:13px;
			background:url(images/sistemex.jpg) no-repeat;
		}
		
	/*************************************/
	/**** Formularios y Addons Hacks *****/
	/*************************************/
	
		form h4{color:#ff9900;}
		form a{text-decoration:none;color:#ff9900;font-weight:bold;}
		form a:hover{text-decoration:underline;}
		form .need{color:#ffcc00;}
		form hr{border:1px solid #e0e0e0;}
		form input, form select{color:#666666;border:1px solid #C2C2C2;	}
		form select option{	color:#666666;border-bottom:1px solid #f2f2f2; }
		form textarea{	color:#333333;	border:1px solid #C2C2C2;}
		form input.boton{color:#333;border:1px solid #f2f2f2;}
		form input.boton:hover{background:#333333; color:#fff;}