/* GENERAL*/
body {
  margin:0;padding:0;border:0;
  font: normal 13px arial, sans-serif, Geneva;
  color: #000;/* textos de toda la web en NEGROS*/
  background: #f3f3f3 url(imagenes/fondo.png)  top fixed repeat-x;
}

#contenedor {width: 900px;margin: 0 auto;text-align: left;background: #f3f3f3;border-left:1px solid #a0a0a0;border-right:1px solid #cf0402;border-bottom:1px solid #a0a0a0;}
#cabecera {width: 900px;height: 100px;background: #f3f3f3 url(imagenes/cabecera.jpg);}
#cuerpo{width: 900px;padding-top:50px;}
#dentrodecuerpo{
    margin: 0 auto;/* centrado*/
    padding: 10px 10px 25px 10px ; 
	
    width: 824px;/* 700 porque 40 paddind de los lados y 60 mas o menos la iamgen bordes*/
	min-height: 400px ;/* esperemos que el que vea la web no tenga mas de 700px de conf de alto*/
	overflow:hidden;}
#pie{width: 900px;height: 30px;text-align:center;margin: 0 auto;}
#pie p{width: 700px;border-top:1px dotted #a0a0a0;text-align:center;margin: 0 auto;}


	
	
	
	
	
.menu {
	margin:0;
  padding-left:300px;
  padding-top:75px;  
  }
.menu li {
  float:left;
  min-width:100px;
  }
.menu a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:100px; 
  float:left; 
  }
* html .menu a {
  width:100px;
  }
.menu a span {
  display:block; 
  color:#000; 
  background:#c4c4c4; 
  border-left:1px solid #e1e1e1; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  }
* html .menu a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }

.menu a em {
  display:none;
  }
.menu a:hover {
  background:#fff;
  }
.menu a:hover span {
  color:#fff; 
  background:#f00;
  }
.menu a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #06a; 
  border-color:#f00 #f1f1f1; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }	
  




/* PORTAFOLIOS CAROUSEL PORTAFOLIOS CAROUSEL PORTAFOLIOS CAROUSEL PORTAFOLIOS CAROUSEL */
.tituloportfolio{padding-left:120px; text-decoration:underline;font-size:25px;}
.textoportfolio{text-align:left;font-size:17px;}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
margin:0 auto;/*centrado*/
background:url(imagenes/portfolio/hojaportfolio.jpg);
width: 740px;
height: 520px; /*Height should enough to fit largest content's height*/}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 40px 30px 30px 30px; /*margin around each panel*/
width: 325px; 
height:400px/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}


	
	

/* CONTACTAR CONTACTO*/
.formcontacto{background: url(imagenes/hojacontacto.jpg) no-repeat;padding-top:90px;padding-left:50px;height:580px;float:left;width:450px;}
.columnaformulario{width:500px;float:left;}
.derechadeformulario{width:310px;margin-left:10px;float:left;text-align:center;}
#international{
background: url(imagenes/internacional.jpg) top no-repeat;
width:300px;/* 20px mas y nos ahorramos margenes abajo*/
font-size:12px;border:2px solid #a0a0a0;}
.dentrodeinternational{padding: 30px 10px 0px 12px;text-align:left;}
.internacionaltitulo{padding: 10px 10px 0px 50px;font-size:24px;}
#presupuesto{
background: url(imagenes/presupuesto.jpg) top no-repeat;
width:300px;/* 20px mas y nos ahorramos margenes abajo*/
font-size:12px;border:2px solid #a0a0a0;}
.dentrodepresupuesto{padding: 150px 10px 0px 12px;text-align:left;}





/* MENU DE ABAJO MENU DE ABAJO MENU DE ABAJO MENU DE ABAJO */
#menuabajo {padding:0; margin:0 auto; list-style:none; width:450px; height:90px; color:#fff;}
#menuabajo li {position:relative; float:left; margin:0 10px 0 0;}
#menuabajo li.last {margin:0;}
#menuabajo li a {display:block; height:90px; width:80px; line-height:20px; padding:0; float:left;  text-decoration:none; font-family:"arial", sans-serif; font-size:16px; text-align:center; cursor:pointer;color:#fff;}
#menuabajo li a b {position:relative; top:15px; font-weight:normal;}
#menuabajo li#inicio a {background:url(imagenes/menu/inicio.png) top;}
#menuabajo li#objetivo a {background:url(imagenes/menu/objetivo.png);}
#menuabajo li#desarrolloweb a {background:url(imagenes/menu/desarrolloweb.png);}
#menuabajo li#portfolio a {background:url(imagenes/menu/portfolio.png);}
#menuabajo li#contactar a {background:url(imagenes/menu/contactar.png);}
#menuabajo li#inicio a:hover {background:url(imagenes/menu/inicio.png) bottom;}
#menuabajo li#objetivo a:hover {background:url(imagenes/menu/objetivo.png) bottom;}
#menuabajo li#desarrolloweb a:hover {background:url(imagenes/menu/desarrolloweb.png) bottom;}
#menuabajo li#portfolio a:hover {background:url(imagenes/menu/portfolio.png) bottom;}
#menuabajo li#contactar a:hover {background:url(imagenes/menu/contactar.png) bottom;}
.inicio #menuabajo li#inicio a {background:url(imagenes/menu/inicio1.png);}
.objetivo #menuabajo li#objetivo a {background:url(imagenes/menu/objetivo1.png);}
.desarrolloweb #menuabajo li#desarrolloweb a {background:url(imagenes/menu/desarrolloweb1.png);}
.portfolio #menuabajo li#portfolio a {background:url(imagenes/menu/portfolio1.png);}
.contactar #menuabajo li#contactar a {background:url(imagenes/menu/contactar1.png);}








/*CURRICULUM*/
#dentrodecuerpocv{
    margin: 0 auto;/* centrado*/
    width: 800px;/* 700 porque 40 paddind de los lados y 60 mas o menos la iamgen bordes*/
	overflow:hidden;}
.downloadcv{text-align:center;clear:both;}
.alignleft{text-align:left;}
.tituloscv{text-align:center;font-size:12pt;font-weight:900;clear:both; text-decoration:underline;}
.photo{position:absolute;margin-top:-65px;margin-left:650px;}
.columna1{float:left;width:200px;margin-bottom:20px;font-weight:bold;margin-right:10px;}
.columna2{float:left;width:600px;margin-bottom:20px;}
.columna1primerparrafo{float:left;width:200px;margin-bottom:20px;font-weight:bold;}
.columna2primerparrafo{float:left;width:600px;margin-bottom:20px;}










	

/* ESTILOS MAS GENERALES*/
.limpiar{clear:both;}
.floatleft{float:left;}
.floatright{float:right;}
.centro{text-align:center;}
.margenabajo{margin-bottom:20px;}
.margenarriba{padding-top:20px;}
h3{font-weight: bold;display:inline;font-size:18px;}

h2{font-size: 25px;display:inline;}
h1{display:inline;font-weight: bold;font-size:14px;}

h4{
	font-size:10px;
	display:inline;
	font-weight: normal;
}

.rojo{color:#FF0000;display:inline;}
.templatestitulo{text-align:center;font-weight: bold;display:inline;text-decoration: underline;}















/* LINKS*/
a:link {color: #000099;text-decoration: none;}
a:visited {text-decoration: none;color: #0000FF;}
a:hover {	color: #FF9900;}
a:active {text-decoration: none;color: #000000;}

/* ESTILOS MAS GENERALES*/
.coll1{float:left;width:140px;padding:10px}
.coll2{float:left;width:520px;padding:15px 10px 10px 10px;}
/*TEMPLATES TEMPLATES TEMPLATES*/
.templatesimagenes img{margin-bottom:20px;border:2px solid #f00;}
.c1{float:left;width:220px;padding:15px 10px 10px 10px;}
.c2{float:left;width:220px;padding:15px 10px 10px 10px;}
.c3{float:left;width:220px;padding:15px 10px 10px 10px;}
/* INDEX INICIO PAGINA PRINCIPAL*/
#cabezaindex{width: 724px;text-align:center;}
#recomendamos{
background: url(imagenes/recomendamos.png)  no-repeat;
width:200px;height:180px;/* 20px mas y nos ahorramos margenes abajo*/
line-height:25px;}
#destacamos{
background: url(imagenes/destacamos.png)  no-repeat;
width:200px;height:180px;/* 20px mas y nos ahorramos margenes abajo*/
line-height:25px;}
.dentrocuadro{padding: 70px 0px 0px 15px;text-align:left;}	
.columna1{float:left;width:200px;padding-top:15px;}
.columna2{float:left;width:500px;padding-left:20px;}
.columna22{float:left;width:380px;}
.apartadosdecol2{
      height:130px;
	  margin:20px 0px;
	  padding-bottom:10px;
	  clear:both;
	  border-bottom:3px solid #f00;}
	  
	  
/* FAQ FAQ FAQ PREGUNTAS FRECUENTES*/
.preguntas{float:left;width:470px;padding-left:30px;text-align:left;}
.barraseparacion{width:500px;  border-bottom:3px solid #f00;margin: 20px 0px;}
.respuestas{float:left;width:470px;padding-left:30px;text-align:left;}
.col1faq{float:left;width:220px;}
.respuestas p{margin:0;}