@import url('http://fonts.googleapis.com/css?family=Lora:400,700');
@import url('http://fonts.googleapis.com/css?family=Abel');

body { background:url(../images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;  background-size: cover; }

.fontPrimaria { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight:100; }
.fontSecundaria { font-family: Arial, Helvetica, Arial, sans-serif;  font-weight:400; }


.ico { list-style-image: url(../images/list_law.png); padding:0px; margin:0px; }

.button_style{ border:solid 2px #fff; color:#fff; min-width:50px; margin:auto; text-align:center; padding:20px;}
.button_style a{ text-decoration:none; color:#fff; }

.button_style:hover{ -webkit-filter: brightness(1.2);
-moz-filter: brightness(1.2);
-o-filter: brightness(1.2);
-ms-filter: brightness(1.2); }

body { background-color: #fff;}
.preloader { width:100%; height:100%; background:#fff url(../img/load9.gif) center center no-repeat; position: fixed; height:cover; width:cover; z-index:4000; top:0px; left:0px;}

#bottom {position:absolute;	width:100%; left:0px; background:#fff; right:0px;}
.contenido_bottom {color: #000; width:1040px; margin-left:auto; margin-right:auto; background-color:#fff;}
.bottom_content { width:320px; height:auto; float:left; margin-left:20px; margin-top:10px; display: table-cell; vertical-align: middle; }
.bottom_content_menu{ width:320px; min-height:300px; float:left; margin-left:13px; margin-top:10px; display: table-cell; vertical-align: middle;}

.bottom_links_menu_c { min-width:280px; text-align:right; border-bottom:solid 1px #f9f9f9; opacity:0.8; cursor:pointer; text-decoration:none; margin-top:2px; padding:5px; float:left; margin-right:5px; }
.bottom_links_menu_c:hover { opacity:1; background-color:#f9f9f9;}
.bottom_links_menu_c a { cursor:pointer; text-decoration:none; font-size:12px; padding:5px;}
.bottom_links_menu_c a:link{ text-decoration:none; }
.bottom_links_menu_c a:hover{ text-decoration:none; }
.bottom_links_menu_c a:active{ text-decoration:none; }

.bottom_content_logo{ width:320px; min-height:120px; float:left; margin-left:20px; margin-top:10px; padding-top:10px; }
.bottom_content_logo .logo_bottom { width:290px; min-height:90px; cursor:pointer; } 
.bottom_links { width:300px; margin-left: auto; margin-right:auto; margin :10px;}
.bottom_links .title{ text-align:left; border-bottom:solid 2px #c3c3c3; padding:5px; font-size:large; color:#ccc; background:none;}
.bottom_links .list{ font-size:12px; text-align:left; font-size: 10px; margin-left: 5px;}
.bottom_links .list a{ color:#ccc; text-decoration:none; text-align:left; font-size: 13px; margin-left: 5px;}
.bottom_links .list a:hover{ color:#000; cursor:pointer; text-decoration:none;}
.bottom_links2 { width:280px; height:85px;   margin :10px; padding-top:5px; text-align:center;  }
.bottom_links2 .logo{ background-image:url(images/logo5.png); width:224px; background-repeat:no-repeat; } 
.copyright{width:980px; margin-top:20px; margin-bottom:10px; float:left;}
.copyright .copy_content{text-align:center; font-weight:bold; font-size:12px;}
.copyright .copy_content  a{ font-weight:bold; color:#000; text-decoration:none; font-size:12px;}
/* CSS Document */ 
/*top*/
#top {top:0px; left:0px; width:100%; position:absolute; }
.contenido_top{ display: table; color:#fff; width:980px; height:120px; margin-left:auto; margin-right:auto; border-radius:0px;} 
.logo { width:260px; height:80px; float:left;   margin:20px; color:#ccc; display: table-cell; vertical-align: middle; }
.redes { width:50px;  float:left; padding :20px; text-align: right; background-color:#333; display: table-cell; vertical-align: middle; margin:20px;}   


.top_nav{ display:table;  width:100%; margin:auto; background-color:#fff; border-top:#C3C3C3 solid 5px; top: 140px;  }

.navigation { width:980px; margin-left:auto; margin-right:auto; color:#fff;}

.navigation a{ font-family: 'Abel', Helvetica, Arial, sans-serif; font-size:20px;   margin:4px; text-decoration:none; } 
.navigation a:hover{cursor:pointer;}
.fijar { position: fixed !important;   top: 0 !important; z-index: 100; color:#333; box-shadow: 0px 3px 3px #888, 0px -3px 3px #888;}
.navigation a:active{ color:#fff; }
/*#bf3119*/
.nav { padding:10px; float:left; font-size:18px; padding-top:20px; padding-bottom:20px; color:#ccc; }
.nav a {color:#ccc;}
.nav:hover { background-color:#C3C3C3;  color:#fff;}
.nav_active { background-color:#C3C3C3; padding:10px; float:left; font-size:16px; color:#fff; padding-top:20px; padding-bottom:20px;  }



#menu .menu_active { color:#000; background:#fff;}
/**/
#main{ width:1040px; background-color:#fff; margin:auto; min-height:500px; margin-top:220px; margin-bottom:20px; z-index: 140px; }
.circle {
	width: 50px;
	height: 50px;
	background: #774F38;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	text-align:center;
	color:#fff;
	margin-bottom:20px;	
}

.circulo {
	width: 250px;
	height: 250px;
	background: #c3c3c3;	
	moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px; 
	 
}

@font-face {
    font-family: 'fontawesome-webfont';
    src: url('../fonts/fontawesome-webfont.eot');
    src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontawesome-webfont.woff') format('woff'),
         url('../fonts/fontawesome-webfont.ttf') format('truetype'),
         url('../fonts/fontawesome-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
	 
.net { margin-top:18px;}
.net a { font-family:'fontawesome-webfont';  text-decoration: none; margin-right:15px; color:#515151; }
.net a:hover { color: #262626; cursor:pointer; text-decoration:none;}
.net span { font-size:48px; }

.small_right{float:right; width:290px; min-height:140px; margin-left:20px; margin-bottom:20px; border-radius:4px; overflow:hidden;}	
.small_left{float:left; width:290px; min-height:140px; margin-right:20px; margin-bottom:20px; border-radius:4px; overflow:hidden;} 
.separador { border-bottom:solid 5px #ccc;}
/* movil*/
#menu_movil{ display:none;}
.menu_movil{ width:260px; padding:20px;}
.menu_movil .lynks{ background-color:#3a3839; margin-bottom:2px; padding-top:10px; height:30px;}
.menu_movil .lynks a{ color:#fff; text-decoration:none; font-size:16px; padding-left:5px;}
.show_menu{cursor:pointer; padding-bottom:10px;}
.menu_movil{width:280px; padding:20px;}
.menu_movil .lynks { background-color:#3a3839; margin-bottom:2px; padding-top:10px; height:30px;}
.menu_movil .lynks a { color:#fff; text-decoration:none; font-size:16px; padding-left:5px;}
.show_menu{	cursor:pointer; padding-bottom:10px; clear:both;}
.hide{ display:none;}

.element {
  shape-outside: circle(50%);
  width: 250px;
  height: 250px;
  float: left;
}

.tabs { padding-left:20px; margin-bottom:20px; height:44px; display:block; }
.tabs ul { margin: 0px; padding:0px; list-style-type: none;  clear:both; }
.tabs li {
	background-color: #f0f0f0; display:block;
	font-family: 'Open sans', Arial, Helvetica, sans-serif; color: #666; font-size: 13px; font-weight: normal; text-shadow: 1px 1px #fff; text-align:center;
	padding: 14px; padding-left:18px; padding-right:18px;
	border-bottom: none;
	opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; float:left;
	cursor:pointer;
}
.tabs li a { text-decoration:none; color:#333; }
.tabs li:hover { opacity:1.0; -webkit-opacity:1.0; -moz-opacity:1.0; }
.tabs #tab_link_2, .tabs #tab_link_3, .tabs #tab_link_4, .tabs #tab_link_5, .tabs #tab_link_6, .tabs #tab_link_7, .tabs #tab_link_8, .tabs #tab_link_9, .tabs #tab_link_10, .tabs #tab_link_11 { border-left: none; }
.tabs .tab_active { background-color:#fff; border-bottom:solid 1px #fff; opacity:1; -webkit-opacity:1; -moz-opacity:1 }
.tabs .tab_inactive { background-color:#f9f9f9; border-bottom:solid 1px #ececec; margin-top:3px; padding-bottom:13px; padding-top:12px; }


/* TABS ICON */

.tabsi { padding-left:20px; height:96px; margin-bottom:20px;}
.tabsi ul { margin: 0px; padding:0px; list-style-type: none;  clear:both;  }
.tabsi li {
	background-color: #f0f0f0;
	font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; font-weight: normal; text-shadow: 1px 1px #fff; text-align:center;
	padding: 10px; padding-top:60px;
	border: solid 1px #ccc; border-bottom: none;
	opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8; float:left;
	cursor:pointer;
}
.tabsi li a { text-decoration: none; color: #FFF;}
.tabsi li:hover { opacity:1.0; -webkit-opacity:1.0; -moz-opacity:1.0; }
.tabsi #tab_link_2, .tabs #tab_link_3, .tabs #tab_link_4, .tabs #tab_link_5, .tabs #tab_link_6, .tabs #tab_link_7, .tabs #tab_link_8 { border-left: none; }
.tabsi .tab_active { background-color:#fff; border-bottom:solid 2px #fff; }
.tabsi .tab_inactive { background-color:#f9f9f9; border-bottom:solid 2px #ececec; padding-top:9px; padding-bottom:8px; margin-top:1px; }



mtop40{ margin-top:40px; }




input, textarea  { 
    padding: 12px; 
    border: solid 1px #E5E5E5; 
    outline: 10;     
    width: 85%;	    
    } 	
	
	select {
	 padding: 12px; 
    border: solid 1px #E5E5E5; 
    outline: 0; 
    font: Arial, Helvetica, sans-serif; 
    width: 180px;    
    } 
   
textarea {     
    max-width: 400px; 
    height: 100px; 
    line-height: 150%; 
    } 
	
.checkbox { text-decoration:none;} 	
 
input:focus, textarea:focus { 
    border-color: #C9C9C9; 
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; 
    } 
   
.form label { 
    margin-left: 30px; 
    color: #ccc;	
    } 
   
.submit input { 
    width: auto; 
    padding: 9px 15px; 
    background: #617798; 
    border: 0; 
    font-size: 14px;
    color: #fff; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    }
	
.menu { padding:20px; }
.menu span { padding:20px; 	margin:0px; }
.menu span:hover { background-color:#000;}
.menu span a:link {text-decoration:none; }

.bgPrimary { background-color:#F1D4AF; }
.bgPrimaryLight { background-color:#ECE5CE; }
.bgPrimaryDark { background-color:#774F38; } 
.bgSecondaryLight { background-color:#C5E0DC; }
.bgSecondaryDark { background-color:#E08E79; }


.alerta { display:none; border:none; background-color:#fff; color:#39343a; padding:15px; color:#39343a; font-size:12px; font-weight:bold; background-repeat: repeat-y; background-position: left center; margin-bottom:10px; border-radius: 3px; padding-left:50px; }
.verde { background-image: url(../img/ico_alert_done.png); background-repeat:no-repeat; } 

.menu_active{ background-color:#fff; text-shadow:none; border-bottom:solid 2px #3b6490; padding-bottom:15px;}

/* CSS - Cascading Style Sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=72+0u0kvCttkbAwpAvWypnuEDij */

/* Feel free to copy&paste color codes to your application */


/* As hex codes */

.color-primary-0 { color: #02A64E }	/* Main Primary color */
.color-primary-1 { color: #47C180 }
.color-primary-2 { color: #24B467 }
.color-primary-3 { color: #00843D }
.color-primary-4 { color: #006730 }

.color-secondary-1-0 { color: #0A6495 }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #488DB2 }
.color-secondary-1-2 { color: #2777A2 }
.color-secondary-1-3 { color: #064F77 }
.color-secondary-1-4 { color: #033D5D }

.color-secondary-2-0 { color: #EB8103 }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #FFB65E }
.color-secondary-2-2 { color: #FEA233 }
.color-secondary-2-3 { color: #BB6600 }
.color-secondary-2-4 { color: #924F00 }

.color-complement-0 { color: #EB3703 }	/* Main Complement color */
.color-complement-1 { color: #FF825E }
.color-complement-2 { color: #FE6133 }
.color-complement-3 { color: #BB2A00 }
.color-complement-4 { color: #922100 }



/* As RGBa codes */

.rgba-primary-0 { color: rgba(  2,166, 78,1) }	/* Main Primary color */
.rgba-primary-1 { color: rgba( 71,193,128,1) }
.rgba-primary-2 { color: rgba( 36,180,103,1) }
.rgba-primary-3 { color: rgba(  0,132, 61,1) }
.rgba-primary-4 { color: rgba(  0,103, 48,1) }

.rgba-secondary-1-0 { color: rgba( 10,100,149,1) }	/* Main Secondary color (1) */
.rgba-secondary-1-1 { color: rgba( 72,141,178,1) }
.rgba-secondary-1-2 { color: rgba( 39,119,162,1) }
.rgba-secondary-1-3 { color: rgba(  6, 79,119,1) }
.rgba-secondary-1-4 { color: rgba(  3, 61, 93,1) }

.rgba-secondary-2-0 { color: rgba(235,129,  3,1) }	/* Main Secondary color (2) */
.rgba-secondary-2-1 { color: rgba(255,182, 94,1) }
.rgba-secondary-2-2 { color: rgba(254,162, 51,1) }
.rgba-secondary-2-3 { color: rgba(187,102,  0,1) }
.rgba-secondary-2-4 { color: rgba(146, 79,  0,1) }

.rgba-complement-0 { color: rgba(235, 55,  3,1) }	/* Main Complement color */
.rgba-complement-1 { color: rgba(255,130, 94,1) }
.rgba-complement-2 { color: rgba(254, 97, 51,1) }
.rgba-complement-3 { color: rgba(187, 42,  0,1) }
.rgba-complement-4 { color: rgba(146, 33,  0,1) }



/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */