@import url(http://fonts.googleapis.com/css?family=Abel);




/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,section,footer {
	border: 0;
	border-color:none:
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0; }
 
/* Basic Styling */
a { color: #29176d; }

a, a:link, a:visited { 
	text-decoration: none;
	-webkit-transition-property: color, left, right;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: ease-in-out; }
 
a:hover { color: #88b2ae; }
 
html { -webkit-font-smoothing: antialiased; }
 
body, html {
	background:  url(../assets/imagenes/background.png) repeat-x top center;
	color: none;
	font-family: "Open Sans", helvetica, arial;
	font-size: 13px;
	line-height: 18px;;
	text-align: center; }
	
body {
	width: auto; 
	height: auto; }	

 
header, section, footer { display: block; }
 
div {
	text-align: left;
	vertical-align: top; }
 
 
textarea, input {
	background: #ffffff; 
	width:500px;
	border: 1px solid #0093dd;
	padding: 2px; 
	margin: 2px 0; 
	font-size: 18px;
	line-height: 1;
	-webkit-transition-property: width, background;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: ease-in-out; }

.btm { 
	width:100px;
	border: 0 solid #ffffff;
	border-left: 10px solid #ffffff;
	padding: 0; 
	margin: 0 0; 
	font-size: 18px;
	line-height: 1;
	-webkit-transition-property: width, background;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: ease-in-out; }

textarea:focus, input:focus {
	background: #fff;
	outline: none; }
 
select, option {
	background-color: rgba(39,19,150,0.5);
	color: #fff; }
	
small {
	font-size: 12px;
	color: #858585; }
	
label {
	display: block;
	font-size: 12ƒpx;
	color: #ffffff;
	padding-top: 8px; }
 
h1 {
	color: #ffffff;
	font-size: 24px;
	line-height: 1.5;
	text-align:center;
	-webkit-font-smoothing: subpixel-antialiased; }
 
h2 {
	color: #29176d;
	font-size: 18px;
	line-height: 1.5;
	text-align:justify;
	-webkit-font-smoothing: subpixel-antialiased; }
 
h3 {
	color: #ffffff;
	font-size: 16px;
	line-height: 1.5;
	text-align:center;
	-webkit-font-smoothing: subpixel-antialiased; }	
	
h4 {
	color: #29176d;
	font-size: 12px;
	line-height: 1.5;
	text-align:center;
	
	-webkit-font-smoothing: subpixel-antialiased; }
	
del { color: #b71012; }
	
/* Clearfix */
.clear:after, header:after, #title:after, #content:after, footer:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0; }
 
* html .clear, * html header, * html #title, * html #content, * html footer { zoom: 1; }
 
*:first-child+html .clear, *:first-child+html header, *:first-child+html #title,  *:first-child+html #content, *:first-child+html footer { zoom: 1; }


/* Global Border Radius */
.border, aside section, #main ul, #main ol, textarea, input, .button, #main, .variants {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }
	
.border-top, aside h2 {
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px; }

.border-bottom, header li ul, aside li:last-child {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; }

/* Box Shadow Settings */	
.shadow, #main  {
	-moz-box-shadow: 0 1px 2px #a6a098;
	-webkit-box-shadow: 0 1px 2px #a6a098;
	box-shadow: 0 1px 2px #a6a098; }
	
.background-fade, aside li, #title li a {	
	-webkit-transition-property: color, background-color, opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: ease-in-out; }

/* Custom Font Loading */
.custom-font, header, h1, h2, h3 { font-family: 'Abel', Helvetica, Arial, Verdana, sans-serif; }

/* Page Wrapper */

#content {
	width: 1024px;
	height: auto;
	margin-right:auto;
	margin-left:auto;
	text-align: middle; }


/* Hides Tablet & Smartphone Elements Initially */
.responsive { display: none; }


header {
	background: none;
	position: relative;
	width:1024px;
	margin-right:auto;
	margin-left: auto;
	height: 155px;
	z-index: 999;
	-webkit-font-smoothing: subpixel-antialiased; }
	
					
/* Logo & Social Media */	

#title {
		width:auto;
		height:50px;}
	
	#title ul {
		padding: 0 0 0 0; 
		float: right; }
	
		#title li {
			list-style: none;
			float: left; }
			
			#title li a {
				width:60px;
				height:50px;
				display: block; 
				margin:  auto 0 auto 0; }
				
				#title li a img {
				width:auto;
				height:auto;
				margin:  auto 0 auto 0; }
						
			#title li a:hover { opacity: 0.65; }
			
			#title li a:active { margin: 2px 0 0; }

	/* Main Content Area — Left Column -aside */
aside {
		width: 319px;
		height: auto;
		float: right; }
		
		aside section { 
			background: none;
			margin-bottom: 0px; }
		
		aside h2 {
	color: #29176d;
	font-size: 15px;
	line-height: 1;
	text-align:justify;
	-webkit-font-smoothing: subpixel-antialiased; }
		
		aside li { 
			list-style: none;
			line-height: 15px;
			padding: 0 0 0 40px ;
			border-bottom: 1px solid transparent;
			border-top: 1px solid transparent ; }
			
			aside li.odd { background: transparent; }
			
			aside li:last-child { 
				border-bottom: none;
				padding: 0 0; }
			
			aside li:hover { background:  url(../images/sidebar-arrow.gif) no-repeat right; }
						
			aside li a { display: block; }
		

	
#left-column {
		width: 705px;
		height: auto;
		float: left; }
	
								
.button, .button {
				cursor: pointer;
				display: inline-block;
				border: none;
				text-align: center;
				background: #29176d;
				padding: 2px 2px 2px; 
				margin: 0 5px;
				font-size: 11px;
				font-weight: bold;
				line-height: 1;
				color: #fff; }
				
.button:hover, .button:hover { 
				color: #fff;
				background: #000000; }					
			
				
#contact li { padding-left: 38px; }


/* Footer incl. Copyright Notice & Navigation */
footer { 
	position: relative;
	Height:40px;
	width:1024px;
	margin-right:auto;
	margin-left: auto;
	line-height: 20px;
	font-size: 11px;
	color: #ffffff;
	vertical-align="middle";
	z-index: 999; }

	footer a { 
				color: #ffffff !important; 
				font-size: 11px;
				color: #ffffff;
				vertical-align: -50%;
				-webkit-font-smoothing: subpixel-antialiased;}
	
	footer a:hover { color: #9288ca !important; }
		
	footer b { color: #ffffff; }
			
	footer li.active { font-weight: bold; }
	

			
/* Unique Styling */

.video {
	margin: 0 0 0 19px; }

.datos {
	margin: 0 0 0 9px;
	width:310px; }
	
.ytb {
	margin: 0 0 0 20px; }
	
.selector {
	padding-left:10px;  }


 
.intro {
	position: relative;
	top: 225px;
	left: 160px; }

#contacto {
	position: relative;
	margin: 0 auto 30px auto;
	background-color: rgba(39,19,150,0.5);
	text-align: center; }


#cabeza{
	position: absolute;
	margin-top: 15px;
	margin-bottom: 0px; 
	width: 1024px; 
	height: 140px;
	left: 0px;
	z-index: -1;
	margin-right:auto;
	margin-left: auto; }
	
#pie{
	position: absolute;
	margin-top: auto;
	margin-bottom: auto; 
	width: 1024px; 
	height: 40px;
	left: 0px;
	z-index: -1;
	margin-right:auto;
	margin-left: auto; }

#navlist {
    position: relative; 
	margin-right:auto;
	margin-left: auto; }

#navlist li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0; }

#navlist li, #navlist a {
    height: 95px; 
	width: 95px;
	top: 30px;  
	display: block; }

#navlist a:hover {
	width: 100px;
	height: 100px;
	top:-5px;
	left: -5px;
	position: relative;
	padding: 0;
	margin: 0; }



#ise {
    left:90px;
    background: url('../assets/imagenes/iconos.png') -15px -15px; }

#esb {
    left:240px;
    background: url('../assets/imagenes/iconos.png') -135px -15px; }

#npl {
    left:390px;
    background: url('../assets/imagenes/iconos.png') -255px -15px; }

#bvp {
   left:540px;
    background: url('../assets/imagenes/iconos.png') -375px -15px; }

#eja {
   left:690px;
    background: url('../assets/imagenes/iconos.png') -495px -15px; }

#cto {
   left:840px;
    background: url('../assets/imagenes/iconos.png') -615px -15px; }


#ise a:hover {
    left: -5px;
    background: url('../assets/imagenes/iconos.png') -10px -130px; }

#esb a:hover {

    background: url('../assets/imagenes/iconos.png') -130px -130px; }

#npl a:hover {

    background: url('../assets/imagenes/iconos.png') -250px -130px; }

#bvp a:hover {

    background: url('../assets/imagenes/iconos.png') -370px -130px; }

#eja a:hover {

    background: url('../assets/imagenes/iconos.png') -490px -130px; }

#cto a:hover {

    background: url('../assets/imagenes/iconos.png') -610px -130px; }



/* Tablet & Smartphone Only */			
@media only screen and (max-width: 1024px) {

body {width: auto; height: auto;}
	
footer, header, #content{ width: 768px; }
	pa
#left-column, { height: 400px; }
	
#contact { 
	width: 342px;
	margin-left: auto;
    margin-right: auto; }

#content { 
	height: auto;
	margin-left:auto;
	margin-right:auto; }
	
#title ul {
		margin-right: 31.5px; }
	
#left-column {
	width: 705px;
	margin-left:31.5px;
	margin-right:auto; }

aside {
	Height:325px;
	width: 705px;
	margin-right:31.5px; 
	margin-left:auto; }

header {  
	height: 130px;
	margin-left:auto;
	margin-right:auto; }

#cabeza{
	position: absolute;
	margin-top: 15px;
	margin-bottom: 0px; 
	width: 705px; 
	height: 115px;
	left: 0px;
	z-index: -1;
	margin-right:auto;
	margin-left: 31.5px; }
	
#pie{
	position: absolute;
	margin-top: auto;
	margin-bottom: auto; 
	width: 705px; 
	height: 40px;
	left: 0px;
	z-index: -1;
	margin-right:auto;
	margin-left: 31.5px; }

#navlist {
    position: relative;
	margin-right:auto;
	margin-left: 31.5px; }

#navlist li {
    list-style: none;
    position: absolute;
    top: 0; }

#navlist li, #navlist a {
    height: 71px; 
	width: 71px;
	top:30px;  
	display: block;  }

#navlist a:hover {
	width: 80px;
	height: 80px;
	top:-4px;
	left: -4px;
	position: relative;
	padding: 0;
	margin: 0; }

#ise {
    left:25px;
    background: url('../assets/imagenes/iconos_2.png') 0px 0px;}

#esb {
    left:145.65px;
    background: url('../assets/imagenes/iconos_2.png') -72px 0px;}

#npl {
    left:258.8px;
    background: url('../assets/imagenes/iconos_2.png') -144px 0px;}

#bvp {
   left:377.25px;
    background: url('../assets/imagenes/iconos_2.png') -216px 0px;}

#eja {
   left:490.1px;
    background: url('../assets/imagenes/iconos_2.png') -288px 0px;}

#cto {
   left:605.75px;
    background: url('../assets/imagenes/iconos_2.png') -360px 0px;}


#ise a:hover {
    left: -4px;
    background: url('../assets/imagenes/iconos_2.png') -0px -72px;}

#esb a:hover {

    background: url('../assets/imagenes/iconos_2.png') -80px -72px;}

#npl a:hover {

    background: url('../assets/imagenes/iconos_2.png') -160px -72px;}

#bvp a:hover {

    background: url('../assets/imagenes/iconos_2.png') -240px -72px;}

#eja a:hover {

    background: url('../assets/imagenes/iconos_2.png') -320px -72px;}

#cto a:hover {

    background: url('../assets/imagenes/iconos_2.png') -400px -72px;}

h3 {
font-size:13px;}

}

/* Smartphone Only */
	
@media only screen and (max-width: 480px) { 
	body, html { 
		-webkit-text-size-adjust: none; 
		-webkit-background-size: 800px 225px;
		background-position: -265px 22px; }
	
	.regular, del, .call { display: none; }
	
	.responsive { display: block; }

	#contact { width: auto; }
	
	 #contact, footer p, footer nav, header nav, header form { float: none; }
		
		
	header nav { position: relative; }
	
	textarea, input {
	background: #ffffff; 
	width:200px;
	border: 1px solid #0093dd;
	padding: 2px; 
	margin: 2px 0; 
	font-size: 12px;
	line-height: 1;
	-webkit-transition-property: width, background;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: ease-in-out; }

			textarea:focus, input:focus {
				background: #fff;
				outline: none; }
		
	
#content {
	width: 330px; }
	
#left-column {
	width: 330px;
	height: 200px;
	margin-left: auto;
	margin-right:auto; }

aside {
	Height:auto;
	width: 330px;
	margin-right: auto; 
	margin-left:auto; }

footer { 
	Height:auto;
	width:375px; }
	
	footer a { 
				font-size: 10px;
				vertical-align: top;
				-webkit-font-smoothing: subpixel-antialiased; }


header { 
	width: 375px; 
	height: 95px; }
	
#cabeza{
	position: absolute;
	margin-top: 15px;
	margin-bottom: 0px; 
	width: 330px; 
	height: 80px;
	left: 0px;
	z-index: -1;
	margin-right:auto;
	margin-left: 23px; }
	
#pie{
	position: absolute;
	margin-top: auto;
	margin-bottom: auto; 
	width: 330px; 
	height: 60px;
	left: 0px;
	z-index: -1;
	margin-right:auto;
	margin-left: 23px; }

#navlist {
    position: relative; }

#navlist li {
    list-style: none;
    position: absolute;
    top: 0; }

#navlist li, #navlist a {
    height: 52.5px; 
	width: 52.5px;
	top: 25px;  
	display: block;
	padding: 0;
	margin: 0; }

#navlist a:hover {
	width: 50px;
	height: 50px;
	top:-2.5px;
	left: -2.5px;
	position: relative;
	padding: 0;
	margin: 0; }

#ise {
    left:5px;
    background: url('../assets/imagenes/iconos_3.png') -7.5px -5px; }

#esb {
    left:57.5px;
    background: url('../assets/imagenes/iconos_3.png') -67.5px -5px; }

#npl {
    left:110px;
    background: url('../assets/imagenes/iconos_3.png') -127.5px -5px; }

#bvp {
   left:162.5px;
    background: url('../assets/imagenes/iconos_3.png') -187.5px -5px; }

#eja {
   left:215px;
    background: url('../assets/imagenes/iconos_3.png') -247.5px -5px; }

#cto {
   left:267.5px;
    background: url('../assets/imagenes/iconos_3.png') -307.5px -5px; }


#ise a:hover {

    background: url('../assets/imagenes/iconos_3.png') -5px -62.5px; }

#esb a:hover {

    background: url('../assets/imagenes/iconos_3.png') -65px -65px; }

#npl a:hover {

    background: url('../assets/imagenes/iconos_3.png') -125px -65px; }
 
#bvp a:hover {

    background: url('../assets/imagenes/iconos_3.png') -185px -65px; }

#eja a:hover {

    background: url('../assets/imagenes/iconos_3.png') -245px -65px; }

#cto a:hover {

    background: url('../assets/imagenes/iconos_3.png') -305px -65px; }

h3 {
font-size:10px; }

}

/* High Resolution Retina Images for iPhone 4 / 4s */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

body, html {
	-webkit-background-size: 800px 225px;
	background-position: -310px 22px; }
	
header { -webkit-background-size: 500px 4px; }
	
.texture { -webkit-background-size: 50px 37px; }

header li.dropdown a { 
	background-image: url(../images/dropdown-2x.png);
	-webkit-background-size: 17px 8px; }
	
	header li.dropdown.expanded a { 
		background-image: url(../images/close-2x.png);
		-webkit-background-size: 17px 10px; }
	
#title li a { -webkit-background-size: 24px 24px; }
			
#contact, #contact .address, #contact .phone, #contact .email, #contact .web { -webkit-background-size: 30px 16px; }
	
#contact .address { background: url(../assets/iconos/icon-address-2x.png) no-repeat left; }
			
#contact .phone { background: url(../assets/iconos/icon-phone-2x.png) no-repeat left; }
			
#contact .email { background: url(../assets/iconos/icon-email-2x.png) no-repeat left; }
			
#contact .web { background: url(../assets/iconos/icon-web-2x.png) no-repeat left; }

}