/*
	Theme Name: vectores
	Theme URI: http://www.vectores.in
	Description: Diseño que construye tu negocio
	Version: 2.0
	Author: Hugo Osorio
	Author URI: http://www.vectores.in
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

@font-face {
    font-family: 'ITCFranklinGothicLTComHeavy';
    src: url('fonts/franklingothicltcom-heavy-webfont.eot');
    src: url('fonts/franklingothicltcom-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franklingothicltcom-heavy-webfont.woff') format('woff'),
         url('fonts/franklingothicltcom-heavy-webfont.ttf') format('truetype'),
         url('fonts/franklingothicltcom-heavy-webfont.svg#ITCFranklinGothicLTComHeavy') format('svg');
    font-weight: normal;
    font-style: normal;}
    
@font-face {
    font-family: 'Colaborate-Regular';
    src: url('fonts/colabreg-webfont.eot');
    src: url('fonts/colabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colabreg-webfont.woff') format('woff'),
         url('fonts/colabreg-webfont.ttf') format('truetype'),
         url('fonts/colabreg-webfont.svg#Colabreg') format('svg');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'FranklinGothicStdCondensed';
    src: url('fonts/franklingothicstd-condensed-webfont.eot');
    src: url('fonts/franklingothicstd-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franklingothicstd-condensed-webfont.woff') format('woff'),
         url('fonts/franklingothicstd-condensed-webfont.ttf') format('truetype'),
         url('fonts/franklingothicstd-condensed-webfont.svg#FranklinGothicStdCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'FranklinGothicStdNo.2Roman';
    src: url('fonts/franklingothicstd-roman-webfont.eot');
    src: url('fonts/franklingothicstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franklingothicstd-roman-webfont.woff') format('woff'),
         url('fonts/franklingothicstd-roman-webfont.ttf') format('truetype'),
         url('fonts/franklingothicstd-roman-webfont.svg#FranklinGothicStdNo.2Roman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FranklinGothicStdXCn';
    src: url('fonts/franklingothicstd-extracond-webfont.eot');
    src: url('fonts/franklingothicstd-extracond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franklingothicstd-extracond-webfont.woff') format('woff'),
         url('fonts/franklingothicstd-extracond-webfont.ttf') format('truetype'),
         url('fonts/franklingothicstd-extracond-webfont.svg#FranklinGothicStdXCn') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* =Structure
----------------------------------------------- */
html, body { 
	background: #F1EDE5 url(images/textura.jpg) repeat;
	color:#666666; 
	font:13px/1.55em 'Georgia Regular', serif;
	margin: 0; 
	padding: 0    }

body { 
margin-top: 6px; border-top: #C7C4BD dashed 1px    }


* { 
	margin:0; 
	padding:0 
	}
/*--div {border: solid 1px #f00;}*/

/*------------Basic styles------------*/

a, a:visited { 
	color:#00A0C6;
	text-decoration: none;
	font-weight: 500;
	}

a:hover  { 
	color:#00a0c6;
	background-color: #cfe9e9;
	 }
	
a img { border:0;}

/* Heading */
h1, h2, h3, h4, h5, h6, .head {
	margin: 0 20px 10px 35px;
	line-height:1.3em;
	color:#3F3F40;
	}
h1 { 
	margin-top: 0;
	font-size: 2.2em; }
h2 { font-size:1.6em; }
h3 { font-size:1.35em; }
h4 { font-size:1.15em; }
h5 { font-size:1.15em; }
h6 { font-size:1.05em; }

/* Heading enlaces*/
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .commentname a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, .commentname a:visited  {
	background-color: #e3faca;
	color:#7faa33;
	}
	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .commentname a:hover  {
	background-color: #d2f3ae;
	color:#7faa33;
	}
h1.blog { 
	margin: 0 35px; font-size: 1.8em;}
	
h3.dir { margin-left: 109px}
/* Heading actual*/	
h4.actual { 
	background-color: #86ba35; 
	color: #ffffff;
	padding: 2px 0 2px 2px;}
	
/* Table */
th { padding:0; text-align:left; vertical-align:top; }
td {padding:0;vertical-align:top;}

/* Paragraph */
p { margin: 0 35px .8em 35px;
 }
 em {font-style: italic}

.fecha { float: left; padding: 3px 0; width: 40px; background-color: #059FC5; color: #fff; font-size: 10px; text-align: center}
.dia { font-size: 29px; line-height: 28px}
.mes { background-color: #088296; width: 40px; float: left}

.hmpostblog {float: left; width: 160px; margin: 0 5px 5px}
.hmpostblog a { color: gray}
span.hmautor a { color: #799E28; font-size: 11px; font-style: italic}

span.comentarios, span.comentarios a { float: right; color: #fff; font-size: 12px; background-color: #059FC5; padding: 3px}
span.disabled, span.current, .pagination a { margin-right: 15px;}
.direccion { color:#7faa33;text-align: right; font-weight: 700; margin-right:5px}
   


	
/* Form */
form { display:inline;}
fieldset { border:none; }
legend {display:none;}
label { color:#666; /*font-size:.95em;*/  font-weight:bold; }
input, select, button { vertical-align:middle; }
input.search { 
	height: 20px;
	background-color: #FAFAFA;
	border: 1px #A3A3A3  solid;
	margin-left: 35px;
	margin-bottom: 10px}
input.buscar { 
	height: 20px;
	background-color: #D8E4E5;
	border: 1px #D8E4E5  solid;
	color: #00A0C6;
	margin-bottom: 10px }	
/* Lists */
dt { display:block; font-weight:bold; }
li { list-style: none; }

/* img */
img.porta { float: right; margin: 25px 0 0; }

.clear {clear: both}
article .clean {clear: both; border-bottom: #BCBAB7 1px solid; margin: 20px 20px 20px 0}
.clean {clear: both; border-bottom: #BCBAB7 1px solid; margin: 20px 0 10px}
/* =Header
----------------------------------------------- */
#cabezal {margin: -16px auto 0;
	border-bottom: #CBCEB0 6px solid;}
#encabezado{ 
	width: 964px;
	margin: 0 auto 10px}

header hgroup h1 { font-family: 'FranklinGothicStdNo.2Roman'; text-transform: uppercase; font-size: 43px; color: #404040; line-height: 40px; margin: 0 0 22px}
header section#intro h1{ font-family: 'Colaborate-Regular'; text-transform: uppercase; font-size: 39px; color: #404040; line-height: 40px; margin-left: 0; }
header section#intro div.sesenta h2{ color: #404040; font-family: 'Colaborate-Regular'; text-transform: uppercase;  margin: 0; }

header hgroup h1 #diseno{font-size: 74px; line-height: 64px; font-family: 'FranklinGothicStdNo.2Roman'}
header hgroup h1 span {font-size: 39px; line-height:40px; font-family: 'Colaborate-Regular'}
header hgroup h2 span, header section#intro h2 span{font-weight: 800 }
 header section#intro div.der h2 {margin-top: 35px }
#logo{
	margin-top: 0;
	float: left; 
	width: 366px;}

header section#intro p { font-size: 16px; color: #808080; font-family: Georgia, Garamond, serif; margin:10px  0}
header section#intro {padding-bottom: 35px}
 
#logo img{
	margin: 10px}
#navtrabajos {
	float: left; width: 596px}
#trabajoreciente { width: 580px; height: 351px; background-color: #DFDDD9; border: 1px solid #D7D3CE; margin-bottom: 20px}
#trabajorecientecontenedor { width: 564px; height: 341px; background: #fff url(images/textura_portafolio.jpg) repeat;  margin: 5px auto;}
#trabajorecientecontenedor h1 {font-size: 24px; color: #262626; margin: 0 10px; font-weight: 800; background-color: transparent}
 #trabajorecientecontenedor h1 a:link,  #trabajorecientecontenedor h1 a:visited { color: #262626; background-color: transparent}
#trabajorecientecontenedor h1 span {font-size: 13px; color: #999999; text-transform: uppercase; font-weight: 400}

#trabajorecientecontenedor img {
-moz-box-shadow: 0 3px 0 0 rgba(191,191,191,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 3px 0 0 rgba(191,191,191,0.5);
box-shadow: 0 3px 0 0 rgba(191,191,191,0.5);}
#trabajorecientecontenedor p {font-size: 13px; color: #999999; margin: 0 10px}
#trabajorecientecontenedor p a {background-color: #91C740; color: #fff; padding: 2px 5px}
.pleca { background: transparent url(images/pleca_proyectos_recientes.png) no-repeat; width: 164px; height: 89px; z-index: 2; position: absolute }    

/* navegacion principal en encabezado */
#navi ul{
	  background-color: #D8D4CD;
    margin-top: 0;
    opacity: 0.7;
      padding: 10px 0 11px;
    border: rgba(255, 255, 255, 0.8) solid 1px;
    border-top: none;
    border-radius: 0 0 5px 5px;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);}

#navi li { 
	 color: #404040;
    display: inline;
    font-family: Georgia, times New Roman, serif;
    font-size: 14px;	margin-left: 10px;}

#navi a { 
background-color: transparent;
	color: #404040;
	padding: 10px}

#navi a:hover, #navi a:active  { 
	background: #fffcf2;
	color: #8C8C8C}
	
#navi a:visited { 
	color: #404040}
	
p strong  {font-weight: 800 }
#navi a#current { 
	background: #059fc5;
	color: #fff;
	font-weight: 700 }
.tel { text-align: right; color: #75726D; font-size: 14px;    margin: 10px 0; font-family: Georgia, times New Roman, serif;} .tel img {float: right; margin: 0 5px }
/*------------ Breadcrumb ------------*/
.breadcrumb { 
	color: #4D7176; 
	margin: -7px auto 16px; 
	background-color: #C3E5E5;
	font-size: 12px; font-weight: 700;
	padding-top: 0; border-bottom: #C7C4BD dashed 1px }	 

.breadcrumb a{ color: #4D7176}	 
.crumb{ 
	width: 933px;
	height: 25px; 
	margin: 0 auto;}
 
/*------------ main ------------*/

#main { 	clear: both;
	margin: 0 auto;
	background-color: #fff;
	border-top: #90B850 8px solid	 }

section#hserv, section#clientes, aside#hm { margin: 20px auto;  font-size: 14px}
#main h1, #main h1 a {font-size: 23px; font-family: 'Georgia Regular', serif; font-weight: 700; color: #404040; background-color: transparent; margin: 0 0 15px}
#main h1 a:hover {text-decoration: underline; background-color: transparent}
section#hserv p { color: #808080; line-height: 22px; margin: 0 15px 0 0}
section#hserv p span{ color: #799E28; font-size: 13px}
section#hserv p a{ color: #799E28; }

section#clientes { border-top: #BCBAB7 1px solid; border-bottom: #E6E6E6 1px solid; margin-right: 10px}
section#clientes h1{ padding-top: 10px }
section#clientes span { float: left; height: 54px; margin: 10px 0 }
section#clientes img{ margin: auto 10px ; float: left }

div.ct section#clientes span {  height: auto; text-align: center }
div.ct section#clientes img{ margin: 10px 10px 5px 0; float: none }


aside#hm { background: #F7F5ED url(images/textura_twitter.jpg) repeat; border: #E0DFDA 2px solid; padding: 11px; font-size: 13px} 
aside#hm li, aside#servtecnico li {padding-bottom: 0; margin-bottom: 15px; border-bottom: #BCBAB7 3px double} 
aside#hm h1.tweet {color: #085D66; margin: 0 0 10px}  
aside#hm h1.tweet {color: #085D66; margin: 0 0 10px}  
aside#sermeto h1{margin-left: 35px}

aside#servtecnico h1 { font-style: italic; margin-bottom: 0; font-size: 1.3em}
aside#servtecnico li { margin: 0 10px;}

.introserv { float: left; width: 430px}

aside#hm p {margin: 0}  
.lasttuit { width: 190px; margin: 0 auto 30px; background-color: #ece7e1;border-radius: 5px; border: 1px solid #ccc; padding: 5px; font-style: italic; line-height: 14px; 
-moz-box-shadow: 0 3px 0 0 rgba(191,191,191,0.5) /* bottom shadow */;
-webkit-box-shadow: 0 3px 0 0 rgba(191,191,191,0.5);
box-shadow: 0 3px 0 0 rgba(191,191,191,0.5);}
.lasttuit span { font-size: 14px; color: gray;line-height: 1.2em }

article#serv, article#portafolio, article#somos, article.blogpost {margin-top: 35px}

article.blogpost {width: 580px; margin: 35px 10px 0 0; float: left; font-size: 15px}
article.blogpost p {margin: 0 10px 0 0; }
article.blogpost p + p {margin-top: 1.5em } 
article.blogpost div.tituloblogpost { float: left; width: 500px; margin-left: 10px}
article.blogpost div.der { margin: 20px 20px}
.sidebarpost {width: 340px; float: left;}

#main article.blogpost div.tituloblogpost h1 { margin-bottom: 0}
#main article.blogpost  h1.entrytitlepost { margin: 0; font-size: 40px; border-bottom: #ccc solid 1px}
#main article.blogpost div.tituloblogpost span.hmautor { font-size: 14px;}
span.separador {margin: 0 20px}
span.cometarioblogpost {font-style: italic; color: #7a9d27}
span.cometarioblogpost a {background-color: #7a9d27; padding: 5px; margin: 5px; color: #fff}

article#somos p {margin: 0 20px 0 0; font-size: 14px}
article#somos p + p {
  text-indent: 1.5em;
  margin-top: 1.5em }
article#somos a {color: #000}
article#somos h1 span {font-size: 15px; font-style: italic; color: #404040 }

article#somos h2, div.ct h2 {margin: 0 20px 0 0; } div.ct h2 {font-size: 1.2em; margin-bottom: 15px; }
.left {float: left; margin-right: 10px}

.contactaservicios { background-color: #8FB85F; border: #82A357 2px solid; color: #fff; width: 96%; margin: 10px 20px 20px 0; font-size: 1.8em}
.lineacontactaservicios { background: url(images/altavoz.png) bottom right no-repeat ; border: #32592E 1px dashed; margin: 5px; padding: 20px 35px 35px}

#main div.contactaservicios h1 {  color: #32592E; margin: 0}
.contactaservicios p  {  color: #fff; margin: 0}
#main div.contactaservicios a {  color: #385414;}
article#somos div.contactaservicios p  {  font-size: 17px;}

/*------------ boxdos ------------*/

.ct { 
	width: 964px;
	margin: 0 auto;
	padding-bottom: 43px;
	clear: both}

.cien, .cienlinea, .ciennol, .cienporta, .cuartotres, .cuartotresl, .sesental, .sesenta, .dostercio, .medio, .mediob, .cuarenta, .cuarentaporta, .cuarentaportab, .tercio, .cuarto, .cuartoa, .cuartol, .coment, .commenttext   { 
	float: left}
/* 100% */	
.cien, .cienlinea, .ciennol { 
	width: 93.5%}
.cien { background-color: #ebefe4; margin-top: 60px; margin-bottom: 0; margin-left: 25px; padding: 10px 0 }
.cienlinea, .ciennol { 	margin: 0 auto 35px}
.cienlinea { border-top: 4px solid #f3f1ed}	
/* portafolio */	
.cienporta { 
	width: 99.9%;
	margin: 11px auto;}
.contenidoporta {float: left; width: 340px }
.contenidoporta p {margin: 0 }	
#main div.contenidoporta h1, #main div.contenidoporta h1 a {font-size: 30px }
.contenidoporta h2 {margin: 20px 0 0 }
.contenidoporta li {margin: 10px 0; border-bottom: #ccc 1px solid  }
.imgporta {width: 577px; float: right}
.imgporta img {width: 577px;  }
#main h1.margenpeq {margin: 0 0 -20px}
	
/* 75% */	
.cuartotres, .cuartotresl, .commenttext { 	
	width: 75%	}


/*-------- 60% --------------*/
.sesental, .sesenta, .dostercio { 	
	margin-top: 0}
.sesental { 
	width: 59.9%;}			
.sesenta { width: 57.9%;}
.dostercio { 	
	width: 66%;}

/*-------- 50% --------------*/	
.medio, .mediob { 
	width: 49.9%;
	margin: 0}
aside#hm .medio img {margin: 0 20px; float: right }
.mediob { margin: 5px 0 55px 0}

/*-------- 40% --------------*/
.cuarenta, .cuarentaporta, .cuarentaportab  { 
	width: 40%; }
.cuarenta { margin-top: 35px}	
/* portafolio */
.cuarentaportab, .cuarentaporta {
	margin:0} 	
.cuarentaporta { background-color: #eff2ea; padding:10px; 
	font-size: 13px}

/*-------- 30% --------------*/	
.tercio{ 	width: 33%}

/*-------- 25% --------------*/	
.cuarto, .coment { 
	width: 24.8%}

.cuartoa, .cuartol  { 
	font-size: 13px}
	
.cuartol { 
	width: 23.6%;
	border-right: 4px solid #f3f1ed}

.cuartoa { 
	width: 24.5%;
	margin: 25px 0;
	border-right: 4px solid #D3D1C1; }
	
.cuartol p, .cuartoa p { 
	margin-right: 5px; }
	


.frase { 
	background: #CAE8ED url(images/comillas.png) no-repeat 5% 15%; 
	margin: 25px 0 53px 0; 
	padding: 5px; }
	.frse { padding: 10px 0; border: #115B63 1px dashed; width: 98%; margin: 0 auto}  
div.frse {	padding: 45px 0 10px}

.frse p{ 
	color: #115B63;
	font-style: oblique;
	font-family: Georgia, Times, serif; 
	font-size: 15px; 
	margin-bottom: 0px;}  
.autor { 
	color: #115B63;
	text-align: right;
	font-size: 13px;
	margin-top: 0px;
	font-style: italic;
	font-weight: 700;
	margin-bottom:0px;}
	
article#portafolio div.cuarentaportab div.frase,  {margin: 0}


.portafolio { 
	width: 829px;
	clear:both;
	margin: 45px 47px 25px 47px; }

/*------------ footer ------------*/

#footer, #foot { 
	width: 100%; clear: both;}
#footer { background-color: #088296}
#foot { 	background-color: #0992A8}

#footer h1 {color: #FFFFFF; font-size: 14px; font-weight: 800; text-transform: uppercase}
#footer p { color: #91C9C6; font-size: 13px; line-height: 20px}

.pie, .piefoot  { width: 964px; margin: 0 auto;}
.pie { 
	background: #088296; 
	padding: 30px 0 40px}
.pie a { color: #91C9C6; text-decoration: underline}
.pieimg { float: left;}
.pie a.contando { float: left; font-size: 12px; text-decoration: none; margin: 0 5px; background-color: #0992A8; padding: 1px 3px; }
.iconserv {width: 103px; float: left; margin-right: 15px}

.piefoot { 
	background: #0992A8; 
	padding: 10px 0;
	font-size: 14px;	
	color: #0A5559;
	line-height: 20px}
	
/*------------ metodo ------------*/
.metodo { margin: 15px; }
#contenidoflash {border-top: 1px solid #DDDACA; border-left: 1px solid #DDDACA   }
/*------------ portafolio ------------*/

#porta{ width: 60%; float: left }

#porta li { margin-left: 15px  ; padding: 0; list-style-image: url(images/birgulabullet.gif); list-style-position: outside; white-space: normal; }

#porta a, #porta a:active, #porta a:visited  { 
	color:#00A0C6;
	background-color: #F2F2F0;
	text-decoration: none;
	font-weight: 700;
	padding: 0 2px}

#porta a:hover{ 
	background-color: #cfe9e9;}

#porta a#current { 
	background: #00A0C6;
	color: #ffffff }
	
article#portafolio div.sesental ul.subnaviporta,   { margin: 0}

article#portafolio div.sesental ul.subnaviporta li { background-color: #FFFFFF;
 	display: block;
    padding: 0;
    float: left;
    margin: 0 15px 0 0;
    position: relative; color: #939393; font-size: 14px}

article#portafolio div.sesental ul.subnaviporta li a:link, article#portafolio div.sesental ul.subnaviporta li a:visited {
color: #939393; padding: 5px}
article#portafolio div.sesental ul.subnaviporta li a:hover {
text-decoration: underline; background-color: transparent}
article#portafolio div.sesental ul.subnaviporta li a#currentporta {
color: #fff; background-color: #059FC5; border: #095584 1px dashed }

/*------------ post ------------*/
.entry { margin-bottom: 0; border-bottom: 5px solid #e0ebeb }
.entrybody { margin: 10px 0 30px }
.entrybody p { margin-left: 0 }
/* Paginacion */
.pagination { text-align: center;  margin-left: 35px}


.navigation {text-align: center; font-size: 17px}
.navigation a {color: #7a9d27;  margin-right: 20px}
span.pages { font-size: 14px; margin-right: 20px; color: #ccc}
span.current { color:#fff; background-color: #7a9d27; padding: 5px}
span.extend { margin-right: 20px;  margin-left: -20px;}
/*------------ Comentarios ------------*/
.coment { 
	text-align: right; 
	padding-bottom: 15px}

.alt, .standard { 
	margin-top: 25px; 
	margin-bottom: 25px; 
	border-bottom: #D8E4E5 1px solid}

/* Comentarios Usuario*/
.commentname { 
	color: #7FAA33; 
	background-color: #ecf2e2 }
.commentname p  { color: #D7E2BC }

/* Comentarios Administrador*/
.commentname-admin { 
	color: #ffffff; 
	background-color: #00A0C6}
.commentname-admin p { color: #50bfd5 }

/* Valores Compartidos comentarios Usuario-admin*/
.commentname, .commentname-admin { 
	font-size: 13px; 
	font-weight: 700; 
	padding: 5px 10px 15px 2px }
.commentname p, .commentname-admin p  { margin: 15px 0 0 auto; font-size: 3em }

/* Comentario Fecha hora*/
.comentafecha { color: #D7E2BC; font-size: 11px;  margin: 0 }
.comentafecha a, .comentafecha a:visited { color: #d7e2bc ; background-color: transparent; }
.comentafecha a:hover { color: #c1cea2 ; background-color: transparent; }

/* Comentario*/
.commenttext p { margin-top: 0; padding-top: 5px; }

.izq, .btnSE { float: left}
.der { float: right}
/*------------ contacto ------------*/

#mt_contact_form { background: transparent; padding: 10px 15px 5px; margin: 0 auto 10px 25px; text-align: left; width: 555px; }

#mt_contact_form input.mt_contact_form_text { color: #666; width: 240px; height: 17px; padding: 3px; font-family: arial, helvetica, sans-serif; font-size: 13px; background-color: #eff2ea; margin: 0; border-color: #e0e5d3 #eff2ea #eff2ea #e0e5d3; border-style: solid; border-width: 2px 1px 1px 2px; }
	
.opcional{ color: #666; width: 240px; height: 17px; padding: 3px; font-family: arial, helvetica, sans-serif; font-size: 13px; background-color: #E6EADC; margin: 0; border-top: 2px solid #e0e5d3; border-left: 2px solid #e0e5d3; }
#mt_contact_form textarea.mt_contact_form_textarea { color: #666; width: 384px; height: 170px; background-color: #f1f4e9; margin: 0; font-size: 13px; padding: 2px 3px; line-height: 1em; overflow: auto; border-top: 2px solid #e0e5d3; border-bottom: 1px solid #eff2ea; border-left: 2px solid #e0e5d3; border-right-color: #eff2ea; border-right-width: 1px; }
.enviar{ 
	width: 390px;
	height: 55px; 
 	background-color: #d8e4e5; 
	margin-left: 75px; 
	padding: 2px 3px; 
	font-size: 15px; font-weight: 700;color: #00a0c6; border: solid 2px #d8e4e5 }
	 
form#mt_contact_form label {width:120px; display:block; float:left; text-align:right; margin-right:5px;}

.ultimopost li {
	padding-left: 25px;
	list-style: disc;
	list-style-position: inside;}

#related-posts, .related-posts{
	background-color: #d8e4e5;
	margin: 25px 20px -20px 0;}
	
#related-posts h2, .related-posts h2{ color: #769b9e;
	padding-top: 5px;
	font-size: 1.1em;
	margin: 0 0 0 20px;}

#related-posts ul .related-posts ul{
	background-color: #e2eeef;
	padding:10px 10px 10px 0;
 }
#related-posts li, .related-posts li{
	color: #ccc;
	list-style: disc inside;
	margin-left: 20px; 
	border-bottom: 1px dashed #ccc }
#related-posts li a, .related-posts li a{ color:	#769b9e }
#logo img.cotizaimg, img.cotizaimg {float: right; margin: 0 10px}
button, a.button, a:visited.button {
border: 1px solid #B3B6B7;
background: #eee;
color: #515151;
display: inline-block;
font-size: 21px;
padding: 7px 24px;
position: relative;
text-decoration: none;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.21, rgb(233,233,233)), color-stop(0.58, rgb(245,245,245)));
background: -moz-linear-gradient(center bottom, rgb(233,233,233) 21%, rgb(245,245,245) 58%);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 0 5px rgba(165,162,159,0.3) /* glass edge */, inset 0 1px 0 0 rgba(255,255,255,1) /* top highlight */, 0 2px 0 0 rgba(165,162,159,0.3) /* bottom shadow */;
-webkit-box-shadow: 0 0 0 5px rgba(165,162,159,0.3), inset 0 1px 0 0 rgba(255,255,255,1), inset 0 -3px 0 0 rgba(165,162,159,0.5);
box-shadow: 0 0 0 5px rgba(165,162,159,0.3), inset 0 3px 0 0 rgba(255,255,255,1),  0 2px 0 0 rgba(165,162,159,0.5);
text-shadow: 0 1px rgba(255,255,255,0.6);
}
button::-moz-focus-inner, a.button::-moz-focus-inner {
padding:0;
border:0;
}
button:hover, a.button:hover {
background: rgb(233,233,233);
color: #272725;
cursor: pointer;
}
button:active, a.button:active {
background: #ccc;
padding: 7px 24px; /* Bump down text–Thanks to Jason for the suggestion */
-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 -1px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 -1px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 0 0 5px rgba(255,255,255,0.3), inset 0 -1px 0 0 rgba(255,255,255,0.5), inset 0 2px 5px 0 rgba(0,0,0,0.2);
text-shadow: none;
}

.margen {margin-left: 35px}



div#sesentan ul {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;}
    
div#sesentan ul li {background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 0 0 2.08333% 2.08333%;
    position: relative;
}

div#sesentan ul li {border: 1px solid #CCCCCC;
    display: block;
    padding: 0;}
   
div#sesentan ul.children li { float: left; width: 220px; height: 131px }

div.portamanual img {border: 3px solid #ccc; width: 266px }



div.navnumerosporta p {
margin: 20px 0 0 }

div.portanumeros  {
width: 159px; height: 37px; background: #C5DE9D url(images/btn_numeros.jpg) no-repeat; margin:  0; padding-top: 5px}
div.portanumeros p, div.portanumeros p a {
margin: 5px; color: #6E8749; font-size: 16px }
div.portamanual ul, div.portanumeros ul  {
 list-style: none outside none;
    margin: 0;}

div.portanumeros ul  {
 height: 30px;
 border: #ccc 1px dashed; margin: 0 5px}

 div.portamanual ul li,  div.portanumeros ul li {background: none repeat scroll 0 0 #FFFFFF;
 display: block;
    padding: 0;
    float: left;
    margin: 0;
    position: relative;}
 div.portanumeros ul li {    margin: 5px; background-color: transparent; font-size: 18px}
 div.doscientosseisseis {
     width: 266px;     margin: 22px 49px 2.08333% 0}




 div.portamanual ul li a { color: #262626; font-size: 16px; font-weight: 700 }     
 div.portamanual ul li a span { color: #999999; font-size: 16px; font-weight: 500;  }     

 div.portanumeros ul li a {    color: #617F2B; background-color: transparent}      
div.portanumeros ul li a#currentportanum {    color: #fff; background-color: transparent; font-weight: 800}        



 div.portamanual  a:hover.image-link { background-color: transparent}
    .menu {
	margin: 30px 0 ;
	padding: 0;
	list-style: none;
}
.menu li {
	width: 280px;
	height: 195px;
	padding: 0;
margin: 0 40px 20px 0;	float: left;
	position: relative;
}
.menu li img {
 width: 266px;
 height: 142px;
border: solid 7px #F0F0F0
}
.menu a img { display: block}

.menu a  {;color: #262626; font-size: 16px; font-weight: 700}
.menu a span { color: #999999; font-size: 16px; font-weight: 500;  }    
.menu a:hover img{	opacity: 0.5;}
.menu li em {
	color: #5E5E5E;
	background-color: #F7F5F0;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 5px;
	font-style: normal;
	z-index: 2;
	display: none;}
.menu li em p{margin: 0; border: #CEC9BC dashed 1px}
aside#hm ul.catsidebar li{ display: block; float: left; margin-right: 10px}
aside#hm ul.catsidebar li, aside#hm ul.catsidebar li a{ color: #fff; background-color: #7A9D27; padding: 5px; border: none}
aside#hm ul.catsidebar li a {border: 1px dashed #ABBA72}
.cleared{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.btnSE {margin: 5px}
blockquote {
font-family: Georgia, "Bitstream Charter", serif;
font-style: italic;
font-weight: normal;
margin: 15px 3em;
}
#jFlowSlide{ background-color: transparent; font-family: Georgia; }
#myController { font-family: Georgia; padding: 0;  width:564px; background-color: transparent; text-align: right; margin-right: 15px; }
#myController span.jFlowSelected { background-color: #0693c5;margin-right:0px; }

.slide-wrapper { padding: 0; }
.slide-thumbnail {  float:left; }
.slide-thumbnail img {max-width:564px; } .slide-details { width:564px;  margin: 0;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin: 0 }

.jFlowControl{ color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; background-color: #9ad6de}
.jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; background-color: #9ad6de}

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background-color: #3AB7FF; }