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

#contenedor { width:1000px; height:800px; margin:0 auto; }
#clear {clear:both; height: 0px; }
a {transition:all 1s ease-in-out; }
a {text-decoration:none; color:white; text-shadow:1px 1px 1px black; }
a:hover {color:white; text-shadow:1px 1px 2px #30AB6D; }
p { margin: 0px; }
body {background-image:url(../images/fondo.jpg); background-color:#6F8175; color:black; font-family:Arial, sans-serif; font-size:16px; }
h1 { font-family: arial, sans-serif; font-size: 22px; color: #004599; text-align:center; margin-top: 0px; }
h3  { font-family: arial, sans-serif; font-size: 15px; text-align:left; margin-bottom: 12px; margin-top: 12px; margin-left: 12px; font-weight: normal; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #000; margin-top: 0px; margin-right: 100px; margin-bottom: 10px; margin-left: 10px; }
.pie { font-family:arial, sans-serif; font-size: 10px; }
aside { float:left; width:430px; height:750px; margin-top:25px;}
aside #social { color:white; float:right; width:50%; height:110px; position:relative; text-align:center; margin-top:25px; }
aside #logo { width:100%; position:relative; text-align:left; }
aside #text { width:100%; position:relative; text-align:left; margin-top:45px; }
aside #pbx { width:100%; position:relative; text-align:center; margin-top:45px; }
aside #dir { width:100%; position:relative; text-align:left; margin-top:45px; }
section { float:right; width:550px; border-radius:6px; height:750px; box-shadow:0px 0px 30px black; margin-top:25px; background-color:#E2F7C4; display:block; background-image:url(../images/trama.gif); background-repeat:repeat; }
section #afiliacion { border-radius:6px; float:left; width:46%; text-aling:center; background-color:#004599; color:white; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 15px; box-shadow:5px 5px 15px black; }
section #tramite { border-radius:6px; float:right; width:46%; text-aling:center; background-color:#004599; color:white; margin-top: 15px; margin-right: 15px; margin-bottom: 15px; margin-left: 0px; box-shadow:5px 5px 15px black; }
section .inside { width:100%; background-color:#C4D8F1; height:130px; margin-bottom:14px; box-shadow:0px 0px 8px 2px black inset; }
section .btn_inside { float:right; box-shadow: 6px 6px 12px black; border-radius:15px; margin-top:25px; margin-right:20px; }
section #noticias { border-top-right-radius:6px; border-top-left-radius:6px; width:512px; font-size: 15px; background-color:#004599; color:white; margin:auto; height: 20px; padding-top: 5px; padding-left: 12px; }
section #subtitulo { color:white; background-color:#3169AE; padding-left:20px; padding-top:10px; padding-bottom:10px; font-weight: bold; text-shadow:1px 1px 1px black; }
section #codcapcha { background-color:#3169AE; color:#FFF; margin-left:36px; margin-bottom:15px; padding-top:9px; border-radius:4px; width:400px; }
section #formulario { margin-left:20px; margin-right:20px; }
#menu { text-align:center; background-color:#004599; width:100%; height:85px; border-top-right-radius:6px; border-top-left-radius:6px; }
#sep-menu { width:100%; height:1px; }
#sub-menu { color:white; text-align:left; background-color:#004599; width:auto; height:auto; padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; }
#carrusel { color:white; text-align:center; background-color:#3169AE; width:auto; height:auto; padding-top: 2px; }
#libranzas { width:100%; height:auto; display:none; margin:20px; }
#educacion { width:100%; height:auto; display:none; margin:20px; }
article { float:left; margin-top:0px; margin-bottom:0p; display:block; }
footer { color:white; font-size:10px; text-align:center; display:block; }

/* FORMULARIO */

form.cmxform {	width:400px; }
form.cmxform fieldset {	border:none; }
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:red; font-style:italic; }
textarea { width:400px; margin-left:36px; }
textarea.required:focus{ transition:background-color 0.5s linear; background:#C2C6FF; }
input.required:focus{ transition:background-color 0.5s linear; background:#C2C6FF; }
input.inputtype:focus{ transition:background-color 0.5s linear; background:#C2C6FF; }
.inputtype  { width:400px; margin-left:36px; }
.required { width:400px; margin-left:36px; }
.required email { width:400px; margin-left:36px; }
.btn { width:400px; margin-left:36px; }
div.error { display: none; }
input.error { border: 1px dotted red; }

/* ACCORDION */

#accordion nav {transition: all 1.0s ease-in-out; }
#accordion {margin-bottom:30px; }
#accordion h2 {	font-size:16px;	background-color:rgba(0,69,153,1); margin:0; padding: 10px 10px 10px 30px; }
#accordion h2 a { color:white; }
#accordion nav { overflow:hidden; height:457px; }
#accordion p {padding:10px 10px; }
#accordion nav.ac_hidden {height:33px;}
#accordion nav:not(.ac_hidden) h2 {background-color:rgba(0,69,153,0.8); }

/* BAROUSEL */

.content_holder { padding:15px; }
p { font-family:Arial, Sans-Serif; margin:0; padding:0 0 10px 0; }
.barousel { position:relative; margin-bottom:0px; background:url(../images/bg_banner.gif) repeat 0 0; width:520px; height:226px; }
.barousel_image { position:absolute; z-index:10; width:520px; height:200px; }
.barousel_image img { position:absolute; display:none; left:0px; }
.barousel_image img.default { display:block; }
.barousel_image img.current { z-index:10; }
.barousel_image img.previous { z-index:5; }
.barousel_content { position:absolute; padding:8px 8px 0 8px; z-index:50; background:url(../images/bg_barousel_content.png) repeat 0 0; color:#fff; width:250px; bottom:36px; left:10px; }
.barousel_content div { display:none; }
.barousel_content div.default { display:block; }
.barousel_content p { font-size:14px; font-weight:normal; line-height:17px; }
.barousel_content p.header { font-family:Arial, Sans-Serif; font-size:24px; font-weight:normal; line-height:20px; color:#30AB6D; }
.barousel_content a,
.barousel_content a:hover { font-size:10px; color:white; background-color:transparent !important; }
.barousel_nav { position:absolute; padding:3px 3px 0px 0; height:23px; background:#004599; bottom:0; z-index:20; width:517px; }
.barousel_nav .counter { float:right; font-size:0.75em; color:#fff; margin:3px 5px 0 0; }
.barousel_nav ul { float:right; padding:0; margin:0; }
.barousel_nav li { float:left; padding-left:3px; font-size:0; line-height:0; list-style:none; }
.barousel_nav li a { display:block; width:25px; height:20px; background-color:#657282; font-size:0; line-height:0; text-decoration:none; }
.barousel_nav li a:hover { background-color:#C4D8F1; }
.barousel_nav li.prev a { background-image:url(../images/barousel_link_previous.gif); background-repeat:no-repeat; background-position:0 0; }
.barousel_nav li.next a { background-image:url(../images/barousel_link_next.gif); background-repeat:no-repeat; background-position:0 0; }

/* vticker */

#news-container { width:520px; margin:auto; margin-top:0px; border:2px solid #004599; background-color: #C4D8F1; box-shadow:0px 0px 8px 2px black inset; }
#news-container ul li div { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 10px; margin-top: 5px; }