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

@import 'framework.css';

h1, h1 a{ font:normal 24px helvetica; /*font-family:"UNDECAPPED Vinyl";*/ font-family:vinyl; color:#5378BF;}  h1 a:hover{color:#002E5B; }

/*h2, h2 a{ color:#002E5B; font:bold 24px Arial, Helvetica, sans-serif;}  h2 a:hover{ color:#5378BF;}
h3, h3 a{ color:#002E5B; font:bold 24px Arial, Helvetica, sans-serif;}  h3 a:hover{ color:#5378BF;}
h4, h4 a{ color:#002E5B; font:bold 24px Arial, Helvetica, sans-serif;}  h4 a:hover{ color:#5378BF;}
h5, h5 a{ color:#002E5B; font:bold 24px Arial, Helvetica, sans-serif;}  h5 a:hover{ color:#5378BF;}
h6, h6 a{ color:#002E5B; font:bold 24px Arial, Helvetica, sans-serif;}  h6 a:hover{ color:#5378BF;}/**/

a{ text-decoration:none;}
p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555; line-height:22px;}

/*....................................estructura*/
body{ width:100%; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#555; background:url(../images/fnd_03.png) no-repeat fixed; line-height:22px;}
#login{ height:20px;  text-align:right; padding-right:2%;}
#header{ height:120px;  background:url(../images/logo.png) no-repeat left; text-align:right; position:relative;}
.amBread{ /*border:1px solid silver;*/ text-align:right;font:normal 18px myriad; padding:5px 110px 5px 0; color:#5378BF;}
.amBread a{color:#5378BF;}
.amBread a:hover{ color:#333;}
#mainContainer{ min-height:600px; height:auto; }
#left{ float:left; width:150px;  min-height:500px;}
#right{ float:right; width:100px;  min-height:500px;}
#contenidos{ width:auto; height:auto; margin-left:160px; margin-right:110px;  padding:15px;  min-height:600px; /*max-height:700px; overflow:auto;*/ border:1px solid #CCCCCC; }
#pie{ font-weight:bold; font-size:11px;/* height:18px;*/ background:#bbd3f6; border-top:#9a9a9a 1px solid; color:#010c22; text-align:center; padding:10px  0 80px 0}
#pie a{color:#010c22;}

.header_title{/*border:1px solid silver;*/ position:absolute; left:260px; top:83px; font:normal 20px Arial, Helvetica, sans-serif; color:#5378BF;}

/*...................................textos*/
h3, h3 a {color:#5378BF;}

.titulos{font-size:24px; color:#002E5B; font-weight:bold;}
.subtitulos{font-size:16px; color:#666666;  font-weight:bold;}
.pietitulos{font-size:11px; color:#010c22;}.pietitulos a{ text-decoration:none; color:#010c22;}.pietitulos a:hover{ color:#3399cc;}
.txtLeft{ float:left; padding-left:2%;}
.txtRight{ float:right; padding-right:2%; text-align:right;}
.logBoton{ color:#333333; text-decoration:none; }.logBoton a {color:#333333; text-decoration:none; }.logBoton:hover{ color:#3399CC; text-decoration:none; cursor:pointer; }
.logBoton2{ color:#3399CC; }.logBoton2 a{ color:#3399CC; text-decoration:none; }.logBoton2 a:hover{ color:#333333; text-decoration:none; cursor:pointer; }
/*....................................varios*/
#login{font-size:10px; }
.input{ background-color:transparent;  border:1px solid #999999; width:80px; height:12px; font-size:9px; }
.acceder{ background-color:transparent ; color:#010c22; border:none; font-size:12px;}
.acceder:hover{ color:#333333; cursor:pointer;}

/**/
.teaser_txt{  padding:0px 15%; }
.port_margin{ /*width:98%; text-align:center; border:1px solid red;*/}

.inicio_blog{ /*border:1px solid red; */width:50%; float:left; }
.inicio_clientes{/*border:1px solid red; */float:right; width:23%; margin-left:1%;}
.inicio_directorio{/*border:1px solid red;*/ float:right; width:23%; margin-left:1%;}	

.inicio_clientes li{ list-style:square; list-style-position:inside;}
.inicio_clientes li a{ color:#666;}

.inicio_clientes h1, .inicio_directorio h1{ background:url(../images/box_hd_bg.jpg) repeat-x 0 0; border:1px solid silver; -webkit-border-top-left-radius:15px; -webkit-border-bottom-right-radius:15px; -moz-border-radius:15px 0 15px 0; padding:10px 15px 5px 15px; color:#010C22; margin-bottom:20px; color:#5378BF;}


/**/
.entry{ border:solid #EBEBEB; border-width:0 0 1px 0;  padding-bottom:10px; margin-bottom:10px;}
.entry h3 a{ font-size:20px; margin-bottom:10px; display:inline-block;}
.entry img{}
.entry p{ margin-bottom:5px;}
.entry .info{ font-size:11px;}

/**/
.portafolio_list{ background:url(../images/box_hd_bg.jpg) repeat-x 0 0; height:122px; float:left; width:28%; padding:10px; border:1px solid silver; -webkit-border-radius:10px; -moz-border-radius:10px; margin:0 1.5%;} 
.portafolio_list:hover{ border-color:#BBD3F6;}
.portafolio_list  .img{ float:left; width:70px;}
.portafolio_list  .info{ float:left ; width:auto;}

/**/
.proyects_list{ display:block; float:left; width:48%; height:120px; }
.proyects_list .img{float:left; /*width:70px; */  margin-right:10px; }
.proyects_list .img img{width:90px;padding:5px;border:1px solid silver;}
.proyects_list .info{float:left ; width:auto;}


.proyects_list .info h1{ margin-bottom:10px; }
.proyects_list .info h1 a{font-size:19px;}
.proyects_list .info p{ margin-bottom:5px;}
.proyects_list .info .cliente{ font:normal 14px Arial, Helvetica, sans-serif; color:#333; margin-bottom:5px;}
.proyects_list .info .cliente b{ font-size:14px;}
.proyects_list .info .ano{font:normal 11px Arial, Helvetica, sans-serif; color:gray; margin-bottom:5px; margin-top:-5px; }
.proyects_list .info .ano a{ color:gray;}
.proyects_list .info .ano a:hover{color:#5378BF; }
.proyects_list .info .url{font: italic 12px Arial, Helvetica, sans-serif; color:gray; margin-bottom:5px;}
.proyects_list .info .url a{color:gray;}
.proyects_list .info .url a:hover{color:#5378BF;}

/**/
.sub_header{ height:80px; border:1px solid silver; padding:10px; -webkit-border-top-left-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius:20px 0 20px 0; margin-bottom:20px; background:url(../images/sub_bg.png) repeat-x 0 0;  }
.sub_header img{ float:left;}
.sub_header .sub_header_tit{ float:left; font:normal 40px Arial, Helvetica, sans-serif!important; color:#036;}.sub_header .sub_header_tit a{color:#036;}

/**/
.verTodos{ color:#369; float:left;}
.todos_box{}

.facebook{ background:url(../../../images/ico_facebook_min.jpg) no-repeat 0 3px; padding:5px 5px 5px 20px;}
.twitter{ background:url(../../../images/ico_twitter_min.jpg) no-repeat 0 3px; padding:5px 5px 5px 20px;}