/*!
 * Moo's Milkshakes
 *
 * 2013 © All rights reserved
 */


 #link_redes:link {
font-size: 40px;
font-family: Calibri;
color: #CCCCCC;
}

#text_sub {
font-size: 12px;
font-family: Calibri, Helvetica, Arial;
color: #BBBBBB;
text-align: justify;
}

 #link_redes:visited {
font-size: 40px;
font-family: Calibri;
color: #CCCCCC;
}
 #link_redes:hover {
font-size: 40px;
font-family: Calibri;
color: #b3bba3;
}
#info {
font-size: 14px;
font-family: Calibri;
color:#2E2E2E;
}

#top{
font-size: 18px;
font-family: Calibri;
color:#000000;
font-weight: 900;
}

#head{
font-size: 40px;
font-family: Calibri;
color:#b3bba3;
font-weight: 900;

}

#download:link {
 font-family: Calibri, Helvetica, Arial;
width:900px;
	  color: #b3bba3;
 text-decoration: none;
padding: 20px;
padding-right: 40px;
padding-left: 40px;
border: 1px solid #b3bba3;


}



#download:visited{
 font-family: Calibri, Helvetica, Arial;
	  color: #b3bba3;

 text-decoration: none;
padding: 20px;
padding-right: 40px;
padding-left: 40px;

}

#download:hover {
 font-family: Calibri, Helvetica, Arial;
	  color: #0482ab;
	background-color: #0482ab;
 text-decoration: none;
padding: 20px;
padding-right: 40px;
padding-left: 40px;


    -webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
    animation: myfirst 1s;
animation-fill-mode: forwards;  }

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {	background-color: #FFFFFF;}
    to {	background-color: #b3bba3;}
}

/* Standard syntax */
@keyframes myfirst {
    from {	background-color: #FFFFFF;
	border: 1px solid #b3bba3;
	
	  color:#b3bba3;}
    to {	background-color: #b3bba3;
	border: 1px solid #b3bba3;
	 color: #FFFFFF;
}
}}

#heads {
font-size: 15px;
font-family: Calibri, Lucida grande, Arial;
color: #000000;
border-bottom:1px solid #0482AB; 
}


 /*-------------------------------------------
POPUP
---------------------------------------------*/
 
 #backgroundPopup {
    z-index:1;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}
#toPopup {
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
    font-size: 14px;
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 20%;
    width: 800px;
    z-index: 2;
}
div.loader {
    background: url("../img/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    display: none;
    z-index: 9999;
    top: 40%;
    left: 50%;
    position: absolute;
    margin-left: -10px;
}
div.close {
    background: url("../img/closebox.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -27px;
    top: -24px;
    width: 30px;
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}
div#popup_content {
    margin: 4px 7px;
    /* remove this comment if you want scroll bar
    overflow-y:scroll;
    height:200px
    */
}

 
 
 
 
#new_msg {
font-size: 14px;
font-family: Calibri;
color: red;
 
}

#top {
font-size: 14px;
font-family: Calibri;
color: #FFFFFF;
 
}
#intro {
font-size: 35px;
color: #FFFFFF;
font-family: Calibri;
background: #CCCCCC;

}

/*-------------------------------------------
noticias
---------------------------------------------*/
#fechan
{
font-size: 12px;
font-family: Calibri;
color: white;
width: 100;
background-color: #CCCCCC;
padding-right: 5px;
padding-left: 5px;
}
#body
{
	font-size:13px;
	text-align: justify;
	line-height: 20px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #000000; 
	
	text-decoration: none;
	}	
#mes
{
	font-size:11px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #FFFFFF; 
	text-decoration: none;
	}	
#dia
{
	font-size:19px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #000000; 
	text-decoration: none;
	}
#ano
{
	font-size:11px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #FFFFFF;  
	text-decoration: none;
	}
	
#headern {
font-size: 14px;
font-family: Calibri, Helvetica, Arial;
color: #0482AB;
font-weight: 500;
}

#texton {
font-size: 12px;
font-family: Calibri, Helvetica, Arial;
color: #000000;
}

a#newss:link{
font-size: 12px;
color: #CCCCCC;
font-family: Calibri, Helvetica, Arial;
text-decoration: none;
}

a#newss:visited{
font-size: 12px;
color: #CCCCCC;
font-family: Calibri, Helvetica, Arial;
text-decoration: none;
}

a#newss:hover{
font-size: 12px;
color: #000000;
font-family: Calibri, Helvetica, Arial;
text-decoration: underline;
}
#attentionbox_warning {
border:2px solid #faebcc;
background-color: #fcf8e3;
}
#attentionbox_text_warning {
font-size: 22px;
font-family: Calibri, Helvetica, Arial;
color: #FFA505;
  font-weight: bold;
}

#attentionbox_success {
border:2px solid #58FA82;
background-color: #A9F5A9;
}
#attentionbox_text_success {
font-size: 22px;
font-family: Calibri, Helvetica, Arial;
color: #01DF3A;
  font-weight: bold;
}

#attentionbox_error {
border:2px solid #FE2E2E;
background-color: #F5A9A9;
}
#attentionbox_text_error {
font-size: 22px;
font-family: Calibri, Helvetica, Arial;
color: #FE2E2E;
  font-weight: bold;
}
#boxfont {
font-size: 17px;
font-family: Calibri, Helvetica, Arial;
color: #FFFFFF;
  font-weight: bold;
}

#boxtext {
font-size: 14px;
font-family: Calibri, Helvetica, Arial;
color: #FFFFFF;
text-align: justify;
}

#boxindex1 {
border-top:10px solid #6991bb;
background-color: #6991bb;
}
#boxindex2 {
border-top:10px solid #4b6886;
background-color: #4b6886;
}
#boxindex3 {
border-top:10px solid #34495e;
background-color: #34495e;;
}

a#buth:link {
font-size: 12px;
font-family: Helvetica;
color: #34495e;
text-decoration:none;
background-color: #ecf0f1;
border-left:10px solid #ecf0f1;
border-top:10px solid #ecf0f1;
border-right:10px solid #ecf0f1; 
border-bottom:10px solid #ecf0f1;
}

a#buth:visited {
font-size: 12px;
font-family: Helvetica;
color: #34495e;
text-decoration:none;
background-color: #ecf0f1;
border-left:10px solid #ecf0f1;
border-top:10px solid #ecf0f1;
border-right:10px solid #ecf0f1; 
border-bottom:10px solid #ecf0f1;
}

a#buth:hover {
font-size: 12px;
font-family: Helvetica;
color: #FFFFFF;
text-decoration:none;
background-color: #34495e;
border-left:10px solid #34495e; 
border-top:10px solid #34495e; 
border-right:10px solid #34495e; 
border-bottom:10px solid #34495e;
}

a#hola:visited {
font-size: 12px;
font-family: Helvetica;
color: #5c5c5c;
text-decoration:none;
background-color: #FFFFFF;
border-left:10px solid #FFFFFF; 
border-top:10px solid #FFFFFF; 
border-right:10px solid #FFFFFF; 
border-bottom:10px solid #FFFFFF;
}

a#hola:hover {
font-size: 12px;
font-family: Helvetica;
color: #FFFFFF;
text-decoration:none;
background-color: #0482AB;
border-left:10px solid #0482AB; 
border-top:10px solid #0482AB; 
border-right:10px solid #0482AB; 
border-bottom:10px solid #0482AB;

}


#side { 
 
border-right:1px solid #0482AB; 
 }

#hmen {
border-bottom:1px dashed #CCCCCC; 
}

#form {
font-size: 12px;
font-family: Helvetica;
color: #FFFFFF;
}



#img {
border-bottom:1px solid #EEEEEE;
border-top:1px solid #EEEEEE;
}

a#hola:link {
font-size: 12px;
font-family: Helvetica;
color: #5c5c5c;
text-decoration:none;
background-color: #FFFFFF;
border-left:10px solid #FFFFFF; 
border-top:10px solid #FFFFFF; 
border-right:10px solid #FFFFFF; 
border-bottom:10px solid #FFFFFF;
}

a#hola:visited {
font-size: 12px;
font-family: Helvetica;
color: #5c5c5c;
text-decoration:none;
background-color: #FFFFFF;
border-left:10px solid #FFFFFF; 
border-top:10px solid #FFFFFF; 
border-right:10px solid #FFFFFF; 
border-bottom:10px solid #FFFFFF;
}

a#hola:hover {
font-size: 12px;
font-family: Helvetica;
color: #FFFFFF;
text-decoration:none;
background-color: #0482AB;
border-left:10px solid #0482AB; 
border-top:10px solid #0482AB; 
border-right:10px solid #0482AB; 
border-bottom:10px solid #0482AB;

}

a#service:link {
font-size: 12px;
font-family: Helvetica;
color: #FFFFFF;
background-color: #6d6e76;
border-left:5px solid #6d6e76; 
border-top:5px solid #6d6e76; 
border-right:5px solid #6d6e76; 
border-bottom:5px solid #6d6e76;
text-decoration:none; 
}
a#service:visited {
font-size: 12px;
font-family: Helvetica;
color: #FFFFFF;
background-color: #6d6e76;
border-left:5px solid #6d6e76; 
border-top:5px solid #6d6e76; 
border-right:5px solid #6d6e76; 
border-bottom:5px solid #6d6e76;
text-decoration:none; 
}

a#service:hover { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #6d6e76;
background-color: #FFFFFF;
border-left:5px solid #FFFFFF;
border-top:5px solid #FFFFFF;
border-right: solid #FFFFFF;
border-bottom:5px solid #FFFFFF;
text-decoration:none; }

a#services:link { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #bdc3c7;
background-color: #6d6e76;
border-left:5px solid #6d6e76; 
border-top:5px solid #6d6e76; 
border-right:5px solid #6d6e76; 
border-bottom:5px solid #6d6e76;
text-decoration:none; }

a#services:visited { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #bdc3c7;
background-color: #6d6e76;
border-left:5px solid #6d6e76; 
border-top:5px solid #6d6e76; 
border-right:5px solid #6d6e76; 
border-bottom:5px solid #6d6e76;
text-decoration:none; }

a#services:hover { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #bdc3c7;
background-color: #6d6e76;
border-left:5px solid #6d6e76; 
border-top:5px solid #6d6e76; 
border-right:5px solid #6d6e76; 
border-bottom:5px solid #6d6e76;
text-decoration:none; }


#select { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #bdc3c7;
border-left:5px solid #bdc3c7; 
border-top:5px solid #bdc3c7; 
border-right:5px solid #bdc3c7; 
border-bottom:5px solid #bdc3c7;
text-decoration:none; }


a#lmail:link { 
font-size: 12px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF; 
text-decoration:none;
}

a#lmail:visited { 
font-size: 12px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF; 
text-decoration:none; 
}


a#lmail:hover { 
font-size: 12px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF; 
text-decoration:underline; }


#bmen {
font-size: 15px;
font-family: Calibri;
color: #0482AB;
font-weight: 500;
border-top:1px solid #CCCCCC; 
}


a#country:link { 
font-size: 11px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #6d6e76;
background-color: #6d6e76;
border-left:8px solid #6d6e76; 
border-top:10px solid #6d6e76; 
border-right:8px solid #6d6e76; 
border-bottom:8px solid #6d6e76;
text-decoration:none; 
}

a#country:visited { 
font-size: 11px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #6d6e76;
border-left:8px solid #6d6e76; 
border-top:10px solid #6d6e76; 
border-right:8px solid #6d6e76; 
border-bottom:8px solid #6d6e76;
text-decoration:none; 
}


a#country:hover { 
font-size: 11px;
font-family: Helvetica, sans-serif;
color: #6d6e76;
background-color: #ecf0f1;
border-left:8px solid #ecf0f1; 
border-top:10px solid #ecf0f1; 
border-right:8px solid #ecf0f1; 
border-bottom:10px solid #ecf0f1;
text-decoration:none;  }







a#send:link { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #6d6e76;
background-color: #ecf0f1;
border-left:10px solid #ecf0f1; 
border-top:10px solid #ecf0f1; 
border-right:10px solid #ecf0f1; 
border-bottom:10px solid #ecf0f1;
 
text-decoration:none; 
}

a#send:visited { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #6d6e76;
background-color: #ecf0f1;
border-left:10px solid #ecf0f1; 
border-top:10px solid #ecf0f1; 
border-right:10px solid #ecf0f1; 
border-bottom:10px solid #ecf0f1;
text-decoration:none; 
}


a#send:hover { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #bdc3c7;
border-left:10px solid #bdc3c7; 
border-top:10px solid #bdc3c7; 
border-right:10px solid #bdc3c7; 
border-bottom:10px solid #bdc3c7;
text-decoration:none; }


a#sendv:link { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #bdc3c7;
border-left:10px solid #bdc3c7; 
border-top:10px solid #bdc3c7; 
border-right:10px solid #bdc3c7; 
border-bottom:10px solid #bdc3c7;
 
text-decoration:none; 
}

a#sendv:visited { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #bdc3c7;
border-left:10px solid #bdc3c7; 
border-top:10px solid #bdc3c7; 
border-right:10px solid #bdc3c7; 
border-bottom:10px solid #bdc3c7;
text-decoration:none; 
}


a#sendv:hover { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #bdc3c7;
border-left:10px solid #bdc3c7; 
border-top:10px solid #bdc3c7; 
border-right:10px solid #bdc3c7; 
border-bottom:10px solid #bdc3c7;
text-decoration:none; }


#text{
font-size: 15px;
font-family:calibri, Helvetica, Arial;
color: black;
text-align:justify;
line-height:150%;
}

#ctext{
font-size: 14px;
font-family:calibri, Helvetica, Arial;
color: black;
text-align:justify;
line-height:150%;
}

#htext{
font-size: 15px;
font-family:calibri, Helvetica, Arial;
color: black;
text-align:justify;
line-height:150%;
text-transform:uppercase;
}
#textd{
font-size: 12px;
font-family: Arial;
color: #717172;
text-align:justify;
line-height:140%;
border-bottom:1px dotted #fafafa; 
border-top:1px dashed #fafafa; 
}

#white{
font-size: 11px;
font-family: Arial, Calibri;
color: #FFFFFF;
text-align:justify;
line-height:140%; 
}

#textserv{
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #717172;
text-align:justify;
line-height:140%; 

}

#val{
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #717172;
text-align:justify;
line-height:140%; 
text-indent:50px;
}

#headserv{
font-size: 14px;
font-family: Calibri;
font-weight: 700;
color: #717172;
text-align:justify;

}


#textk{
font-size: 12px;
font-family: calibri, Helvetica, Arial;
color: black;
text-align:justify;
font-style:italic;
}
#smallex{
font-size: 12px;
font-family: calibri, Helvetica, Arial;
color: grey;
text-align:justify;
}

#smallred{
font-size: 11px;
font-family: calibri, Helvetica, Arial;
color: red;
text-align:justify;
}

#textb{
font-size: 10px;
font-family: calibri, Helvetica, Arial;
color: black;
text-align:justify;
border-top:1px solid #CCCCCC; 
}
#sub{
font-size: 24px;
font-family: Calibri;
color: #0482AB;
font-weight: 500;

}

#subw{
font-size: 25px;
font-family: Calibri;
color: #FFFFFF;
font-weight: 500;
padding-bottom: 10px;
border-bottom:1px solid #CCCCCC;
}

#Ssub{
font-size: 15px;
font-weight:bold;
font-family: 'Calibri';
text-align: left;
}

#heads{
font-size: 20px;
font-weight:bold;
font-family: calibri, Helvetica, Arial;
color: black;
text-align:justify;
line-height:150%;
}

#aclara{
font-size: 11px;
font-family: calibri;
color: black;
border-top:1px dotted #CCCCCC; 
border-bottom:1px dotted #CCCCCC; 
}

#comentt{
font-size: 15px;
font-family: calibri;
color: black;
border-top:1px dotted #CCCCCC; 
border-bottom:1px dotted #CCCCCC; 
}

#midd{
font-size: 20px;
font-family: calibri;
color: black; 
}

#compmen{
font-size: 12px;
font-family: calibri;
color: black;
}



#textcurs{
font-size: 12px;
font-family: calibri, Helvetica, Arial;
font-style: italic;
color: black;
}

#texts{
font-size: 11px;
font-family: calibri, Helvetica, Arial;
color: black;
}




#head2 {
font-size: 20px;
font-family: Calibri, Lucida grande, Arial;
color: #0482AB;

}

#heads {
font-size: 15px;
font-family: Calibri, Lucida grande, Arial;
color: #000000;
border-bottom:1px solid #0482AB; 
}

a#branch:link { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #717172;
 
text-decoration:none; 
}

a#branch:visited { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #717172;

}

a#branch:hover { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #0482AB;
}


#top { 
border-top:1px dotted #E3EFFF; 
}

#borderg {
border-left:2px solid #EEEEEE; 
border-top:2px solid #EEEEEE;
border-right:2px solid #EEEEEE;
border-bottom:2px solid #EEEEEE;
}
#dropdown{
font: Calibri;
  color: #000000;
 padding: 5px;
 
 padding-right: 5px;
 margin-right: 20px;
 Background: #fafafa;
  border: 1px solid #CCCCCC;

  }

#bottom {
border-top:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC;  

}
#bottomt {
font-size: 11px;
font-family: Calibri, Helvetica, sans-serif;
color: #afafaf;
}

#isla { 
border-bottom:1px dotted #fafafa; 
border-top:1px dashed #fafafa; 
 
}

#web { 
font-size: 11px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;  
}

a#bott:link { 
font-size: 11px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF;
border-left:5px solid #FFFFFF; 
border-top:3px solid #FFFFFF; 
border-right:5px solid #FFFFFF;
background-color: #FFFFFF;
text-decoration: none;  
}



a#bott:visited { 
font-size: 11px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF;
border-left:5px solid #FFFFFF; 
border-top:3px solid #FFFFFF; 
border-right:5px solid #FFFFFF;
background-color: #FFFFFF;
text-decoration: none; 
}


a#bott:hover { 
font-size: 11px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;
text-decoration: underline; }

a#nbott:link { 
font-size: 11px;
font-family: Arial, Calibri;
color: #CCCCCC;
text-decoration: none;  
}

a#nbott:visited { 
font-size: 11px;
font-family: Arial, Calibri;
color: #CCCCCC;
text-decoration: none;
}


a#nbott:hover { 
font-size: 11px;
font-family: Arial, Calibri;
color: #CCCCCC;
text-align:justify;
line-height:140%; 
text-decoration: underline; }

#bottomnews {
border-top: 1px dashed #e6e6e6;
font-size:11px;
font-family: Lucida Grande;
color: #919191;
}

a#lmail:link { 
font-size: 12px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF; 
text-decoration:none;
}

a#lmail:visited { 
font-size: 12px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF; 
text-decoration:none; 
}




a#lmail:hover { 
font-size: 12px;
font-family: Calibri, Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF; 
text-decoration:underline; }

#borderg {
border-left:1px solid #EEEEEE; 
border-top:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE;
}

/**
 * Checkbox Five
 */
.checkboxFive {
	width: 25px;
	margin: 20px 100px;
	position: relative;
}

/**
 * Create the box for the checkbox
 */
.checkboxFive label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
  	left: 0;
	background: #eee;
	border:1px solid #ddd;
}
/**
 * Display the tick inside the checkbox
 */
.checkboxFive label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
	opacity: 0.5;
}
/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}
#ttgrey {

border-top:1px solid #EEEEEE;
font-size: 10px;
font-family: Calibri, Helvetica, sans-serif;
color: #999999;
}

.hidden-submit {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#footer {

border-top-color: #eaeaea;
border-top-style: groove;
font-size: 10px;
font-family: Calibri;
color: #8b8b8b; 
}


#menu {

background-color: #0985ab;
border-radius: 5px
}

 #menu {
font-size: 14px;
font-family: Calibri;
color: #FFFFFF;
}

#h {
border:2px solid #CCCCCC; 
}

a{
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:color .2s ease-out, background 2s ease-in, border 2s ease-1;
  -ms-transition:color .2s ease-out, background 2s ease-in, border 2s ease-1;
  -moz-transition:color .2s ease-out, background 2s ease-in, border 2s ease-1;
  -webkit-transition:color .2s ease-out, background 2s ease-in, border 2s ease-1;
  /* ...and now for the proper property */
  transition:color .2s ease-out, background 2s ease-in, border 2s ease-1; 

}









a#name:link{
font-size: 14px;
color: #CCCCCC;
font-family: Calibri;
font-weight: 400px;
background-color: #FFFFFF;
text-decoration: none;
}
a#name:hover{
font-size: 14px;
color: #000000;
font-family: Calibri;
font-weight: 400px;
background-color: #FFFFFF;
text-decoration: none;
}
a#name:visited{
font-size: 14px;
color: #CCCCCC;
font-family: Calibri;
font-weight: 400px;
background-color: #FFFFFF;
text-decoration: none;
}

#hm {
border-left:5px solid #CCCCCC;
border-top:2px solid #CCCCCC;
border-right:2px solid #CCCCCC; 
border-bottom:2px solid #CCCCCC; 
}


.hlt td {
        background-color: #b8c1d0;
        font-family: arial;
        color: white;
            }

 #date {
font-size: 14px;
font-family: Calibri;
color: #CCCCCC;
}

 #gsmall {
font-size: 11px;
font-family: Calibri;
color: #BBBBBB;
}

a#menuu:link { 
font-size: 12px;
font-family: Calibri;
color: #FFFFFF;
text-decoration:none; }

a#menuu:visited { 
font-size: 12px;
font-family: Calibri;
color: #FFFFFF;
text-decoration:none; }

a#menuu:hover { 
font-size: 12px;
font-family: Calibri;
color: #0a9fcf;
text-decoration:none; }


a#del:link { 
font-size: 12px;
font-family: Calibri;
font-weight: 700px;
color: white;

text-decoration:none; 
background-color: #c8c8c8;
border-left:5px solid #c8c8c8;
border-top:1px solid #c8c8c8;
border-right:5px solid #c8c8c8; 
border-radius: 100px;
}

#sep{
border-bottom:1px dashed #CCCCCC;
}

#border_sep{
border-bottom:1px dashed #CCCCCC;
border-top:1px dashed #CCCCCC;
}
#hh { 
 
border-color: #CCCCCC;
border-radius: 100px;
}

a#del:visited { 
font-size: 16px;
font-family: Calibri;
font-weight: 700px;
color: #red;
text-decoration:none; }

a#del:hover { 
font-weight: 700px;
color: red;
text-decoration:none; }


a#men:link { 
font-size: 14px;
font-family: Calibri;
color: #FFFFFF;
text-decoration:none; }

a#men:visited { 
font-size: 14px;
font-family: Calibri;
color: #FFFFFF;
text-decoration:none; }

a#men:hover { 
font-size: 14px;
font-family: Calibri;
color: #0a9fcf;
text-decoration:none; }

a#submen:link { 
font-size: 14px;
font-family: Calibri;
color: #FFFFFF;
text-decoration:none; }

a#submen:visited { 
font-size: 14px;
font-family: Calibri;
color: #FFFFFF;
text-decoration:none; }

a#submen:hover { 
font-size: 14px;
font-family: Calibri;
color: #0a9fcf;
text-decoration:none; }


a#submenv:link { 
font-size: 14px;
font-family: Calibri;
color: #0a9fcf;
text-decoration:none; }

a#submenv:visited { 
font-size: 14px;
font-family: Calibri;
color: #0a9fcf;
text-decoration:none;  }

a#submenv:hover { 
font-size: 14px;
font-family: Calibri;
color: #0a9fcf;
text-decoration:none; }


#head {
font-size: 25px;
font-family: Calibri;
border-top:1px dotted #CCCCCC; 
border-bottom:1px dotted #CCCCCC;

}

#listmsg {
font-size: 12px;
color: #0a9fcf;
font-family: Calibri;
border-bottom:1px solid #CCCCCC;

}

#intro {
font-size: 35px;
color: #FFFFFF;
font-family: Calibri;
background: #CCCCCC;

}

#fechan
{
font-size: 12px;
font-family: Calibri;
color: white;
width: 100;
background-color: #CCCCCC;
padding-right: 5px;
padding-left: 5px;
}

#box {
width:10px;
font-size: 25px;
font-family: calibri, Helvetica, Arial;
color: white;
border-bottom:2px dotted #CCCCCC;  
}

#headg {
font-size: 25px;
color: green;
font-family: calibri, Helvetica, Arial;
border-top:1px dotted #CCCCCC; 
border-bottom:1px dotted #CCCCCC; 
}

#headw {
font-size: 25px;
color: white;
font-family: calibri, Helvetica, Arial;

}

#green {
font-size: 25px;
color: green;
font-family: calibri, Helvetica, Arial;

}

#red {
font-size: 25px;
color: red;
font-family: calibri, Helvetica, Arial;

}

#headr {
font-size: 25px;
color: red;
font-family: calibri, Helvetica, Arial;
border-top:1px dotted #CCCCCC; 
border-bottom:1px dotted #CCCCCC; 
}

#top{
font-size: 13px;
font-family: calibri, Helvetica, Arial;
color: white;
}

#comp{
font-size: 25px;
font-family: calibri;
color: black;
}

#pago{
font-size: 23px;
font-family: calibri;
color: black;
}

#aclara{
font-size: 11px;
font-family: calibri;
color: black;
border-top:1px dotted #CCCCCC; 
border-bottom:1px dotted #CCCCCC; 
}

#comentt{
font-size: 15px;
font-family: calibri;
color: black;
border-top:1px dotted #CCCCCC; 
border-bottom:1px dotted #CCCCCC; 
}

#midd{
font-size: 20px;
font-family: calibri;
color: black; 
}

#compmen{
font-size: 12px;
font-family: calibri;
color: black;
}

#text{

font-size: 15px;
font-family: calibri, Helvetica, Arial;
color: black;
}

#textm{

font-size: 12px;
font-family: calibri, Helvetica, Arial;
color: black;
}

#textcurs{
font-size: 12px;
font-family: calibri, Helvetica, Arial;
font-style: italic;
color: black;
}

#texts{
font-size: 11px;
font-family: calibri, Helvetica, Arial;
color: black;
}

#smallred{
font-size: 10px;
font-family: calibri, Helvetica, Arial;
color: red;
}

#text1{
font-size: 18px;
font-family: calibri, Helvetica, Arial;
color: black;
}


#list{
font-size: 13px;
font-family: calibri, Helvetica, Arial;
color: black;
}

#form{
font-size: 12px;
font-family: calibri, Helvetica, Arial;
color: #027398;
}

#ficha{
font-size: 16px;
font-family: calibri, Helvetica, Arial;
color: #000000;
}


#tred{
font-size: 15px;
font-family: calibri, Helvetica, Arial;
color: black;
border-top: red; 
border-top-style: double; 
}

#tgreen{
font-size: 15px;
font-family: calibri, Helvetica, Arial;
color: black;
border-top: green; 
border-top-style: double; 
}

#tnorm{
font-size: 15px;
font-family: calibri, Helvetica, Arial;
color: black;
border-top: #CCCCCC; 
border-top-style: double;
}

#us {     
border: 1px solid #CCCCCC; 
height: 30px;
width: 300px;
font-size: 15px;
font-family: arial;
}
#us:hover {     border: 1px solid #006; } 

a#send:link { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #0482AB;
border-left:10px solid #0482AB; 
border-top:10px solid #0482AB; 
border-right:10px solid #0482AB; 
border-bottom:10px solid #0482AB;
 
text-decoration:none; 
}

a#send:visited { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #0482AB;
border-left:10px solid #0482AB; 
border-top:10px solid #0482AB; 
border-right:10px solid #0482AB; 
border-bottom:10px solid #0482AB; 
text-decoration:none; 
}


a#send:hover { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #03B3CB;
background-color: #0482AB;
border-left:10px solid #0482AB; 
border-top:10px solid #0482AB; 
border-right:10px solid #0482AB; 
border-bottom:10px solid #0482AB;
text-decoration:none; }

a#sendd:link { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #CCCCCC;

text-decoration:none;  
}

a#sendd:visited { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #CCCCCC;

text-decoration:none; 
}


a#sendd:hover { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #03B3CB;


text-decoration:none; }


a#hide:link { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #CCCCCC;

text-decoration:none;  
}

a#hide:visited { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #CCCCCC;
text-decoration:none; 
}


a#hide:hover { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #03B3CB;
text-decoration:none; }

a#show:link { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #CCCCCC;
text-decoration:none;  
}

a#show:visited { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #CCCCCC;
text-decoration:none; 
}


a#show:hover { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #03B3CB;
text-decoration:none; }



a#submenuy:link { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
text-decoration:none;  
}

a#submenuy:visited { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
text-decoration:none; 
}


a#submenuy:hover { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #01DF01;
text-decoration:none; }


a#submenun:link { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
text-decoration:none;  
}

a#submenun:visited { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
text-decoration:none; 
}


a#submenun:hover { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: red;
text-decoration:none; }



a#submenu:link { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
text-decoration:none;  
}

a#submenu:visited { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
text-decoration:none; 
}


a#submenu:hover { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #03B3CB;
text-decoration:none; }


a#login:link { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #0482AB;
border-left:10px solid #0482AB; 
border-top:10px solid #0482AB; 
border-right:10px solid #0482AB; 
border-bottom:10px solid #0482AB; 
text-decoration:none; 
}

a#login:visited { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #0482AB;
border-left:10px solid #0482AB; 
border-top:10px solid #0482AB; 
border-right:10px solid #0482AB; 
border-bottom:10px solid #0482AB;
text-decoration:none; 
}


a#login:hover { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #03B3CB;
background-color: #0482AB;
border-left:10px solid #0482AB; 
border-top:10px solid #0482AB; 
border-right:10px solid #0482AB; 
border-bottom:10px solid #0482AB;
text-decoration:none; }



a#smen:link { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF;
border-left:5px solid #FFFFFF; 
border-top:3px solid #FFFFFF; 
border-right:5px solid #FFFFFF;
background-color: #FFFFFF;
text-decoration: none;  
}

a#smen:visited { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #0482AB;
background-color: #FFFFFF;
border-left:5px solid #FFFFFF; 
border-top:3px solid #FFFFFF; 
border-right:5px solid #FFFFFF;
background-color: #FFFFFF;
text-decoration: none; 
}


a#smen:hover { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #0482AB;
border-left:5px solid #0482AB; 
border-top:3px solid #0482AB; 
border-right:5px solid #0482AB; 
text-decoration:none; }

#ehead {
font-size: 25px;
font-family: Calibri;
color: green;
}

#head2l {
font-size: 20px;
font-family: Calibri;
color: #0482AB;
font-weight: 500;
border-bottom:1px solid #CCCCCC; 
}

#head2 {
border-bottom:3px solid #0482AB;
font-size: 20px;
font-family: Calibri, Lucida grande, Arial;
color: #0482AB;
font-weight: 500;
}

#name {
font-size: 14px;
font-family: Calibri;
}

#shead {
font-size: 50px;
font-family: Calibri;


}



#resumen {
font-size: 15px;
font-family: Calibri;

border-top-color: #CCCCCC;
border-top-style: groove;

}

#clie {
font-size: 15px;
font-family: Calibri;
color: grey;
border-right-color: #CCCCCC;
border-right-style: groove;

}


#total {
font-size: 17px;
font-family: Calibri;
font-weight: 600;

border-top-color: #CCCCCC;
border-top-style:double;
}

#top2 {
border-left:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC; 
font-size: 14px;
font-family: Calibri, Helvetica, Arial;
font-weight: 600;
}




#border {
border-left:2px solid #E3EFFF; 
border-top:2px solid #E3EFFF; 
border-right:2px solid #E3EFFF;
border-bottom:2px solid #E3EFFF; 
}


/*-------------------------------------------
Normal menu
---------------------------------------------*/

.menu
{

	position:fixed;
	left: 0px;
	top: 0;
	width:100%;
	height: 40px;
	background-color: #0482AB;
	opacity:100;
	padding:0px;
	}


.menu ul
{
	padding: 10px;
	list-style-type: none;
	top: 0;
	margin:0px 0 0 50px;
	font-size:14px;


	}
.menu ul li
{
display: inline;
list-style-type: none;
padding-right: 100px;

	}
.menu ul li a
{
	border-top:50px solid #0482AB; 
	border-bottom:2px solid #0482AB;
	border-right:3px solid #0482AB;
	border-left:3px solid #0482AB;
	font-family: Calibri;
	text-decoration: none;
	color:#FFFFFF;
	}
.menu ul li a:hover
{
	border-top:50px solid #01516b; 
	border-bottom:2px solid #01516b;
	border-right:3px solid #01516b;
	border-left:3px solid #01516b;
	background-color: #01516b;
	text-decoration: underline;
	color:#FFFFFF;
	border-top: 100% solid #CCCCCC;
	text-decoration:none;
	}
	
.menu ul li a#la:hover
{
	
	border-top:50px solid #006384; 
	border-bottom:2px solid #006384;
	border-right:3px solid #006384;
	border-left:3px solid #006384;
	background-color: #006384;
	}

/*-------------------------------------------
Top menu 0% top
---------------------------------------------*/

.menintra
{

	position:fixed;
	left: 0px;
	top: 0;
	width:100%;
	height: 40px;
	background-color: #CCCCCC;
	opacity:100;
	padding:0px;
	}


.menintra ul
{
	padding: 10px;
	list-style-type: none;
	top: 0;
	margin:0px 0 0 50px;
	font-size:14px;


	}
.menintra ul li
{
display: inline;
list-style-type: none;
padding-right: 50px;

	}
.menintra ul li a
{
	border-top:50px solid #CCCCCC; 
	border-bottom:2px solid #CCCCCC;
	border-right:3px solid #CCCCCC;
	border-left:3px solid #CCCCCC;
	font-family: Calibri;
	text-decoration: none;
	color:#FFFFFF;
	}
.menintra ul li a:hover
{
	border-top:50px solid #01516b; 
	border-bottom:2px solid #01516b;
	border-right:3px solid #01516b;
	border-left:3px solid #01516b;
	background-color: #01516b;
	color:#FFFFFF;
	border-top: 100% solid #CCCCCC;
	text-decoration:none;
	}
	
#menuv {
		top:70px;
		left: 0;
		position: fixed;
		height: 100%;
		background-color:  #4b6886;
	
       font-size:14px;
	font-family: Calibri, Arial, Helvetica;

}
#menuv ul, li {

        list-style-type: none;

        
}

#menuv ul {
        margin: 0;
        padding: 0;
}

#menuv li {

}

#menuv a {

        text-decoration: none;
        color: #FFFFFF;
        display: block;
        width: 138px;
        border: 18px solid #4b6886;
 
		font-family: Calibri, Arial, Helvetica;
}

#menuv a:hover {
		background: #bdc3c7;
		color: #fff;
		border: 18px solid #bdc3c7;
}



/*-------------------------------------------
Printing end
---------------------------------------------*/

	
#impreso

{

	font-size:11px;
	font-family: Calibri, Arial, Helvetica;
	color: #919191;
	}

/*-------------------------------------------
Intra menu
---------------------------------------------*/
	
	.intra
{
	position:fixed;
	left: 0px;
	top: 0;
	width:100%;
	border: 10px solid #0482ab;
	background-color: #0482ab;

	}
	


.menuu
{
	float: left;
	padding-left: 5px;
	color: #919191;
	list-style-type: none;
	}
	
.menuu ul
{

	margin-left: 0px;
	list-style-type: none;
	font-size:12px;
	font-family: Lucida Grande;

	}
.menuu ul li
{
	display: inline;
	padding-right: 40px;
	list-style-type: none;
	
	}
.menuu ul li a
{
	font-size:14px;
	font-family: Calibri, Arial, Helvetica;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.menuu ul li a:hover
{
	font-size:14px;
	font-family: Calibri, Arial, Helvetica;
	color: #000000; 
	
	
	}
	
.users
{
	float: right;
	padding-right: 5px;
	color: #919191;
	list-style-type: none;
	}
		
.users ul
{

	margin-right: 0px;
	list-style-type: none;
	font-size:12px;
	font-family: Lucida Grande;

	}
.users ul li
{
	display: inline;
	padding-right: 40px;
	list-style-type: none;
	
	}
.users ul li a
{
	font-size:12px;
	font-family: Lucida Grande, Arial, Helvetica;
	color: #FFFFFF;
	text-decoration: none;
	}
	
.users ul li a:hover
{
	font-size:12px;
	font-family: Lucida Grande, Arial, Helvetica;
	color: #000000; 
	
	}	

	
.logo
{

	float: left;
	margin-right: 5px;
	font-size:11px;
	font-family: Lucida Grande;
	color: #919191;
	list-style-type: none;
	}
	
.logo ul
{
 margin-top: 5px;
	}
.logo ul li
{
	padding-right: 10px;
	list-style-type: none;
	}
	
.image {
	display: block;
	width: 30px;
	height: 30px;
	background: url('../images/logomen.png') bottom;
	text-indent: -99999px;
}
.image:hover {
	display: block;
	width: 30px;
	height: 30px;
	background: url('../images/logomen2.png') bottom;
	text-indent: -99999px;
}

	
/*-------------------------------------------
Normal bottom
---------------------------------------------*/
	
	.bottom
{
	display: inline;
	position:fixed;
	bottom: 0;
	width:100%;
	height: 35px;
	background-color: #FFFFFF;
	opacity:100;
	border-top: 1px solid #e6e6e6;
	padding-top: 1px;
	list-style-type: none;
	}
	


.left
{
	display: inline;
	float: left;
	padding-left: 10px;
	color: #919191;
	list-style-type: none;
	}
	
	.left ul
{
	padding: 10px;
	list-style-type: none;
	top: 0;
	margin:0px 0 0 0px;
	font-size:11px;
	font-family: Lucida Grande, Arial, Helvetica, Comic Sans;

	}
.left ul li
{
list-style-type: none;
	}
	
	
.right
{
	display: inline;
	float: right;
	margin-right: 10px;
	font-size:11px;
	font-family: Lucida Grande;
	color: #919191;
	list-style-type: none;
	}
	
		.right ul
{

	padding: 10px;
	list-style-type: none;
	top: 10;
	margin:0px 0 0 0px;
	font-size:11px;
	font-family: Lucida Grande;

	}
.right ul li
{
display: inline;
padding-top: 10px;
padding-right: 30px;
list-style-type: none;
	}
	
.right ul li a
{
	font-size:11px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #919191; 
	text-decoration: none;
	}
	
	.right ul li a:hover
{
	color: #000000; 
	
	}
	
a#web
{
	font-size:11px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #919191; 
	text-decoration: none;
	}
	
a#web:hover
{
	color: #919191; 
	
	}
/*-------------------------------------------
noticias
---------------------------------------------*/
#body
{
	font-size:13px;
	text-align: justify;
	line-height: 20px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #000000; 
	
	text-decoration: none;
	}	
#mes
{
	font-size:11px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #FFFFFF; 
	text-decoration: none;
	}	
#dia
{
	font-size:19px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #000000; 
	text-decoration: none;
	}
#ano
{
	font-size:11px;
	font-family: Lucida Grande, Helvetica, Arial;
	color: #FFFFFF;  
	text-decoration: none;
	}
	
#headern {
font-size: 14px;
font-family: Calibri, Helvetica, Arial;
color: #0482AB;
font-weight: 500;
}

#texton {
font-size: 12px;
font-family: Calibri, Helvetica, Arial;
color: #000000;
}

a#newss:link{
font-size: 12px;
color: #CCCCCC;
font-family: Calibri, Helvetica, Arial;
text-decoration: none;
}

a#newss:visited{
font-size: 12px;
color: #CCCCCC;
font-family: Calibri, Helvetica, Arial;
text-decoration: none;
}

a#newss:hover{
font-size: 12px;
color: #000000;
font-family: Calibri, Helvetica, Arial;
text-decoration: underline;
}
	
/*-------------------------------------------
Calendario
---------------------------------------------*/
#topc{
font-size: 13px;
font-family: calibri;
color: black;
border-bottom: 1px solid #CCCCCC;
}

/*-------------------------------------------
dropdown menu
---------------------------------------------*/
#dropdown
{

  font: Calibri;
  color: #000000;
 padding: 5px;
 font-family: Calibri, Helvetica, Arial;
 padding-right: 5px;
 margin-right: 20px;
 Background: #fafafa;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  
	}
	
#fecha
{

  font: Calibri;
  color: #000000;
  padding: 5px;
  
 padding-right: 5px;
 margin-right: 20px;
 Background: #fafafa;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  
	}
	
a#submen:link { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #6d6e76;
background-color: #ecf0f1;
border-left:5px solid #ecf0f1; 
border-top:5px solid #ecf0f1; 
border-right:5px solid #ecf0f1; 
border-bottom:5px solid #ecf0f1;
 
text-decoration:none; 
}

a#submen:visited { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #6d6e76;
background-color: #ecf0f1;
border-left:10px solid #ecf0f1; 
border-top:10px solid #ecf0f1; 
border-right:10px solid #ecf0f1; 
border-bottom:10px solid #ecf0f1;
text-decoration:none; 
}


a#calmen:hover { 
font-size: 10px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #bdc3c7;
border-left:2px solid #bdc3c7; 
border-top:3px solid #bdc3c7; 
border-right:2px solid #bdc3c7; 
border-bottom:2px solid #bdc3c7;
text-decoration:none; }
	
a#calmen:link { 
font-size: 10px;
font-family: Helvetica, sans-serif;
color: #6d6e76;
background-color: #ecf0f1;
border-left:2px solid #ecf0f1; 
border-top:3px solid #ecf0f1; 
border-right:2px solid #ecf0f1; 
border-bottom:2px solid #ecf0f1;
 
text-decoration:none; 
}

#subhead {
font-size: 19px;
color:  #0482AB;
font-family: Calibri;
border-top:1px solid #CCCCCC; 
border-bottom:1px solid #CCCCCC;

}

a#calmen:visited { 
font-size: 10px;
font-family: Helvetica, sans-serif;
color: #6d6e76;
background-color: #ecf0f1;
border-left:10px solid #ecf0f1; 
border-top:10px solid #ecf0f1; 
border-right:10px solid #ecf0f1; 
border-bottom:10px solid #ecf0f1;
text-decoration:none; 
}


a#submen:hover { 
font-size: 12px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
background-color: #bdc3c7;
border-left:5px solid #bdc3c7; 
border-top:5px solid #bdc3c7; 
border-right:5px solid #bdc3c7; 
border-bottom:5px solid #bdc3c7;
text-decoration:none; }
		
	
	
a#change:link { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
padding-left: 20px;
padding-top: 5px;
padding-right: 20px;
padding-bottom: 5px;
text-decoration:none; 
}

a#change:visited { 
font-size: 14px;
font-family: Helvetica, sans-serif;
background-color: #FFFFFF;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 5px;
text-decoration:none; 
}


a#change:hover { 
font-size: 14px;
font-family: Helvetica, sans-serif;
background-color: #00cc00;
padding-left: 20px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 5px;
text-decoration:none;  }
	


/*---
invoice
---*/
#headname { 
font-size: 18px;
font-family: Calibri;
font-weight: 900px;}
#headnamed { 
font-size: 18px;
font-family: Calibri;
font-weight: 900px;}

#hhii { 
font-size: 60px;
font-family: Calibri;
}

#headaddress { 
font-size: 12px;
font-family: Calibri;
}

#totalinv { 
font-size: 40px;
font-family: Calibri;
  border-top: 3px solid #CCCCCC;
}
#extra { 
font-size: 16px;
font-family: Calibri;
color: #CCCCCC;
}

#subtotalinv { 
font-size: 25px;
font-family: Calibri;

}
#heady {
font-size: 25px;
color: #FFA500;
font-family: calibri, Helvetica, Arial;
border-top:1px dotted #CCCCCC; 
border-bottom:1px dotted #CCCCCC; 
}

#topnews {
border-bottom: 1px dashed #e6e6e6;
font-size:11px;
font-family: Lucida Grande;
color: #919191;
}


/*-------------------------------------------
top website menu
---------------------------------------------*/
	.intra_website
{
	position:relative;
	left: 0px;
	top: 0;
	width:100%;
	height: 27px;
	background-color: #6991bb;
	opacity:50;
	padding:0px;
	}
	
.intra_website a { 
font-size: 11px;
font-family: calibri, Helvetica, Arial;
color: #FFFFFF;
 margin-right: 10px;
text-decoration:none; 
}


.intra_website a:hover { 
font-size: 11px;
font-family: calibri, Helvetica, Arial;
color: #CCCCCC;
 margin-right: 10px;
text-decoration:none; 
}	


#dropdown
{

  font: Calibri;
  color: #000000;
 padding: 5px;
 font-family: Calibri, Helvetica, Arial;
 padding-right: 5px;
 margin-right: 20px;
 Background: #fafafa;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  
	}
	
#fecha
{

  font: Calibri;
  color: #000000;
  padding: 5px;
  
 padding-right: 5px;
 margin-right: 20px;
 Background: #fafafa;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  
	}
	
a#topmenu_link:link { 
font-size: 14px;
font-family: calibri, Helvetica, Arial;
color: #6d6e76;
text-decoration:none; 
padding: 20px;
}

a#topmenu_link:visited { 
font-size: 14px;
font-family: calibri, Helvetica, Arial;
color: #6d6e76;
border-left:10px solid #ecf0f1; 
border-top:10px solid #ecf0f1; 
border-right:10px solid #ecf0f1; 
border-bottom:10px solid #ecf0f1;
padding: 20px;
text-decoration:none; 
}


a#topmenu_link:hover { 
font-size: 14px;
font-family: calibri, Helvetica, Arial;
color: #34495e;

padding: 20px;

border-bottom:3px solid #34495e;
text-decoration:none; }


a#lang_menu:link { 
font-size: 8px;
font-family: calibri, Helvetica, Arial;
color: #FFFFFF;
text-decoration:none; 
}
	


#icon_big { 
font-size: 50px;
font-family: calibri, Helvetica, Arial;
color: #6d6e76;
text-decoration:none; 
}

#head_text_big{ 
font-size: 22px;
font-family: Helvetica, sans-serif;
color: #6991bb;
text-decoration:none;
font-weight: 900px; 
}
#text_big { 
font-size: 15px;
font-family: calibri, Helvetica, Arial;
color: #6d6e76;
text-decoration:none; 
text-align: justify;


}

#sub_head { 
font-size: 35px;
font-family: Helvetica, sans-serif;
color: #6991bb;
text-decoration:none;
font-weight: 900px; 

}




	.bottom_explain
{
	position:relative;
	left: 0px;
	top: 0;
	width:100%;

	background-color:  #4b6886;
	opacity:10%;

	font-size: 40px;
 font-family: Calibri, Helvetica, Arial;
color: #FFFFFF;
	padding-top:80px;
		padding-bottom:80px;
	}
	
	
	
	#arrow:{ 
font-size: 40px;
font-family: Helvetica, sans-serif;
color: #6d6e76;
text-decoration:none; 
font-weight: 900px; 
}


	.bottom_large
{
	position:relative;
	left: 0px;
	top: 0;
	width:100%;

	background-color: #34495e;
	opacity:10%;

	font-size: 40px;
 font-family: Calibri, Helvetica, Arial;
color: #FFFFFF;
	padding-top:20px;
		padding-bottom:20px;
	}
	
	#bottom_large_head { 
font-size: 14px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none;
font-weight: 900px; 
border-bottom:2px solid #ecf0f1;

}

	a#bottom_large_text:link { 
font-size: 11px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none;
}

	a#bottom_large_text:visited { 
font-size: 11px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none;
}

	a#bottom_large_text:hover { 
font-size: 11px;
font-family: Helvetica, sans-serif;
color: #6991bb;
text-decoration:none;
}

	.bottom2
{
	position:relative;
	left: 0px;
	top: 0;
	width:100%;

	background-color:  #BBBBBB;
	opacity:10%;

	font-size: 40px;
 font-family: Calibri, Helvetica, Arial;
color: #FFFFFF;

	}
	
	a#bott2:link { 
font-size: 11px;
font-family: Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none;
}


/*-------------------------------------------
new menu
---------------------------------------------*/
/*Initialize*/
ul#menu, ul#menu ul.sub-menu {
    padding:0;
    margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
    list-style-type: none;
    display: inline-block;
}
/*Link Appearance*/
ul#menu li a, ul#menu li ul.sub-menu li a {
    text-decoration: none;
    color: #fff;
    background: #666;
    padding: 5px;
    display:inline-block;
}
/*Make the parent of sub-menu relative*/
ul#menu li {
    position: relative;
}
/*sub menu*/
ul#menu li ul.sub-menu {
    display:none;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100px;
}
ul#menu li:hover ul.sub-menu {
    display:block;
}