body {
	margin: 0 auto;
	padding: 0;
}
#page {
	width: 900px;
	margin: 0 auto;
	padding: 0;
}
#cabecera {
	width: 900px;
	background-image: url(../images/fondocabecera.png);
	background-repeat:repeat-x;
}

#contenedor{
	//position:relative;
	width: 100%;
	}
#sombra{
	position:relative;
}
 
H4 {
	color: #7b7a7a; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
}
h3 {
	color: #a1a1a1; 
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.5px;
	font-size: 12px; 
	padding:11px;	
}
#linea {
	height:31px;
	position:relative;
	background:url(../img/lineaport.png) repeat-x;
	padding-bottom:10px;
	margin-top:20px;
	
}
/* CABECERA*/


#contenedor_arriba {
	position:relative;
	height:120px;
	
}
/* LATERAL IZQUIERDO */

#lateral_izq {
	width: 240px;
	background-color:#fbfbfb;
	border:1px solid #eaeaea;
	margin-top:20px;
	margin-bottom:20px;
	color: #9e9c9c; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	float:left;
	line-height:25px;
}	
#lateral_izq ul {
		padding-top:10px;

}
#lateral_izq li {
		background:url(../images/punto.png) no-repeat;
		padding-left:20px;
		
}

/* ATC */

#lateral_atc {
	float:right;
	width: 270px;
	background-color:#fbfbfb;
	border:1px solid #eaeaea;
	margin-top:20px;
	margin-bottom:40px;
	color: #9e9c9c; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	padding:20px 10px 0px 10px;
	text-align:justify;
	line-height:20px;
	}

/* PROYECTOS*/

#proyectos {
	overflow:hidden;
	position:relative;
	width: 890px;
	padding-left:5px;
	padding-top:20px;
	height:550px;

}
#izq1 {
	position:relative;
	float: left;
	width:450px;
	top:20px;
}
#drcha1 {
	position:relative;
	float:right;
	width:400px;
	top:20px;
}

#izq2 {
	position:relative;
    float:left;
	width:450px;
	top:60px;
}
#drcha2 {
	position:relative;
	float:right;
	width:400px;
	top:60px;
}

#izq3 {
	position:relative;
	float: left;
	width:450px;
	top:100px;
}
#drcha3 {
	position:relative;
	float:right;
	width:400px;
	top:100px;
}
/* LATERAL DERECHO*/

#lateral_der {
	margin:0 auto;
	float:right;
	padding-top:20px;
	padding-bottom:20px;
	}

#caja_grande_der {
	width: 630px;
	height:auto;
	padding: 0px 0px 10px 0px;
}
#lateral_der H1  {
	margin: 0 0 10px 0;
	padding: 7px 10px 10px 10px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color: #184c7f;
	letter-spacing:2pt;
}

#lateral_der H2 {
	color: #7b7a7a; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	padding-left:20px;
	margin: 0;
}

#lateral_der h3 {
	color: #7b7a7a; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-left:30px; 

}

#lateral_der p {
	color: #9e9c9c; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	margin-left:20px;
	text-align: left;
	padding:5px 5px 5px 20px;
	line-height:10px;
	}

#banner_der {
	padding-top: 20px;
	padding-bottom:5px;
	position:relative;
	overflow:hidden;
}

#mas {
	padding-left:565px;
	position: absolute;
	overflow:hidden;
}
#fotoquienes {
	position:relative;
	overflow:hidden;
	padding-bottom:20px;
}
.imagencontacto {
	float:left;
}
.contactosig{
	padding:0px 5px 3px 5px;
	margin-left: 40px;
	background-color:#ee7e1c;
	width:55px;
}
.contactosig a{
        font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		text-decoration: none;
        color: #ffffff;
        display: block;
        text-align: center;
		padding-top:2px;
}
.contactosig a:hover{
        font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		text-decoration: none;
        color: #000000;
        display: block;
        text-align: center;
		padding-top:2px;
}

/* SERVICIOS*/

#servicios {
	width:635px;
	margin-left:20px;
	margin-bottom:30px;
	float: left;
}

#servicios p {
	color: #9e9c9c; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	padding:5px;
	text-align:justify;
	line-height:20px;
}	
#imgservicios{
	padding-top:20px;
	width:260px;
	float:left;
}

/* NOSOTROS*/

#nosotros {
	width:635px;
	margin-left:20px;
	margin-bottom:30px;
	float: left;
}

#nosotros p {
	color: #9e9c9c; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	padding:5px;
	text-align:justify;
	line-height:20px;
}	
#imgnosotros{
	padding-top:20px;
	width:260px;
	float:left;
}		
#nosotros a {
        text-decoration: none;
		color: #ee7e1c;
        padding:5px 0px 5px 0px;
        text-align: center;
}

#nosotros a:hover {
        text-decoration: none;
        color: #818181;
        padding:5px 0px 5px 0px;
        text-align: center;
}
/* CUADROS*/

#contenedor_columnas {
	  width:900px;
}

#columna {
	  width:200px;
	  height:187px;
	  float:left;
	  background-image:url(../images/fondocuadro.jpg);
	  background-repeat:repeat-x;
	  margin-right:33px;
}
#columna1 {
	  width:200px;
	  height:187px;
	  float:left;
	  background-image:url(../images/fondocuadro.jpg);
	  background-repeat:repeat-x;

}
h2 {
	color: #a1a1a1; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
	padding-left:11px;	
}
h5 {
	color: #a1a1a1; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px; 
}
#icono {
	float:left;
	padding-left:5px;	
}
#textopeq {
	width:130px;
	float:right;
	padding-right:5px;	
}
.sig{
	float:right;
	padding:0px 5px 3px 5px;
	margin-right: 10px;
	background-color:#ee7e1c;
	clear:both;
	width:35px;
}
.sig a{
        font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		text-decoration: none;
        color: #ffffff;
        display: block;
        text-align: center;
		padding-top:2px;
}
.sig a:hover{
        font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		text-decoration: none;
        color: #000000;
        display: block;
        text-align: center;
		padding-top:2px;
}


/* PORTFOLIO*/


#galeria{
	padding-top:30px;
	
}	
#galeria ul.webs, li.port, li.port_sinmargen {
    list-style-type: none;
	float:left;
	margin:0;
	padding-left:7px;
	padding-bottom:20px;
}

#galeria li.port {
	width:190px;
	margin:0px 30px 30px 0px;
	float:left;
	}
#galeria li.port_sinmargen {
	width:190px;
	margin:0px 0px 30px 0px;
	float:left;
	}
#img {
	border:1px solid #e0e0e0;
	padding:4px;
}

#descripcion {
	font-style:normal;
	list-style-type:none;
	margin-top:10px;
}

#descripcion a {
	color: #ee7e1c; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration:none;
	font-weight:bold;
}
#descripcion a:hover {
	color:#666666; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-decoration:none;
	font-weight:bold;
}
#descripcion p {
	color:#9e9c9c;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top:5px;
}

/* PAGINACION*/

#paginacion {
    clear: both;
	padding-bottom:20px;
}
#paginacion a, #paginacion span {
    background: none repeat scroll 0 0 #b8b7b7;
    border: 1px solid #a2a2a2;
    color: #FFFFFF;
    margin: 2px;
    padding: 3px 6px;
    text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#paginacion a:hover, #paginacion span.current {
    background: none repeat scroll 0 0 #ee7e1c;
    border-color: #ee7e1c;
}
#paginacion span.current {
    font-weight: bold;
}
#paginacion .pages {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #9e9c9c;
    float: right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}


/* Idiomas en cabecera */

#idiomas {
    position:relative;
    left: 686px;
    height:50px;
	width:165px;
	
}

#idiomas .ingles, #idiomas .frances, #idiomas .espanol,#idiomas .portugues, #idiomas .aleman{

    display:block;
    width:24px;
    height:34px;
    float:left;
    margin-top:22px;
    margin-left:9px;
    text-indent:-9999px;

}


#idiomas .ingles {
  background:url('../images/banderas/en.png') 0 0 no-repeat;
}

#idiomas .frances {

    background:url('../images/banderas/fr.png') 0 0 no-repeat;

}

#idiomas .aleman {

    background:url('../images/banderas/al.png') 0 0 no-repeat;

}
#idiomas .portugues {

    background:url('../images/banderas/pt.png') 0 0 no-repeat;

}

#idiomas .espanol {

    background:url('../images/banderas/es.png') 0 0 no-repeat;

}

/* redes sociales en cabecera */

#redes {
    position:relative;
    left: 820px;
	width:60px;
	padding-top:10px;

}

#redes .tw, #redes .yt,#redes .bl {

    display:block;
    width:22px;
    height:22px;
    float:right;	
    margin-left:7px;
	text-indent:-9999px;
}

.fb-like{
    display:block;
    float:right;	
    margin-top:50px;
	width:170px;
}

#redes .tw {

    background:url('../images/twitter.png') 0 0 no-repeat;
}
#redes .yt {

    background:url('../images/rs/youtube.png') 0 0 no-repeat;
}

#redes .bl {

    background:url('../images/blog.png') 0 0 no-repeat;
}

#inicio{
        position:absolute;
        float: left;
        height:58px;
        width:250px;
		cursor:pointer;
		top: 15px;
		padding-left:25px;
	   	}
#navidad{
        position:absolute;
        float: left;
        height:80px;
        width:200px;
		cursor:pointer;
		padding-left:310px;
	   	}		
#telefono {
    position:absolute;
    left: 610px;
 	height:9px;
 	width:206px;
	top: 23px;
	background:url('../images/telefono.png') 0 0 no-repeat;
	}
	

/* MENU NARANJA */

#menu {
       top:80px;
	   position:absolute;
	   background-color:#363636;
       font: 12px Arial, Helvetica, sans-serif;
	   width:100%;
	   height:40px;
}

#menu ul, li {
        list-style-type: none;
}

#menu ul {
        margin: 0;
        padding-left:50px;
		
}

#menu li {
        float: left;

}

#menu a {
        text-decoration: none;
        color: #ffffff;
        display: block;
        padding:15px 30px 10px 30px;
        text-align: center;
}

#menu a:hover {
        text-decoration: none;
        color: #ffffff;
		background-color:#ee7e1c;

}


/* SLIDE */

#slideshow{
	position:relative;
	width:900px;
	height:238px;
	background-image:url(../img/fondoslider.jpg);
	margin:0px auto;
}

/* CAROUSEL*/

#portfolio {
	position:relative;
	overflow: hidden;
	width:645px;
	height:300px;
}

#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 180px;
	background:url(../imgportfolio/carousel-bg.png) bottom left repeat-x;
}

#carousel .belt {
	position: absolute; /* Necesario */
	left: 0;
	top: 0;
	margin:0 0px 0px 0;
}

#carousel .panel {
	width:182px;
	float: left; /* Necesario */
	overflow: hidden;
	margin: 5px;
	padding:2px 0px 2px 2px;
	border:1px solid #e0e0e0;
	background:#ffffff bottom repeat-x;
}

#carousel .panel .panel-text {
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#9a9a9a;
}

#carousel .panel .panel-text a {
	color:#ee7e1c;
	text-decoration:none;
}

#carousel .panel .panel-text a:hover {
	color:#a3a3a3;
	text-decoration:none;
}

/* Botones del carousel */
			
.button-prev {
	height:180px;
	width:35px;
	float:left;
}

.button-prev a {
	display:block;
	padding:5px;
	margin-top:80px;
}

.button-next {
	height:180px;
	width:35px;
	float:right;
}

.button-next a {
	display:block;
	padding:5px;
	margin-top:80px;
}
a img {
	border:none;
}
.sig2{
	float:right;
	padding:0px 5px 3px 5px;
	margin-top: 10px;
	background-color:#ee7e1c;

}
.sig2 a{
        font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		text-decoration: none;
        color: #ffffff;
        display: block;
        text-align: center;
		padding-top:2px;
}
.sig2 a:hover{
        font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px; 
		text-decoration: none;
        color: #000000;
        display: block;
        text-align: center;
		padding-top:2px;
}
/* BIENVENIDA*/

#bienvenida {
	float: left;
	position:relative;
	width:645px;
}

#bienvenida p {
	color: #9e9c9c; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	padding:5px;
	text-align:justify;
	line-height:20px;
}
/* ENVIADO*/

#enviado {
	float: left;
	position:relative;
	width:900px;
	margin-bottom:100px;
}

#enviado p {
	color: #9e9c9c; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	padding:5px;
	text-align:center;
	line-height:30px;
}

/* MAPA*/


#mapa {
	width:595px;
	margin-top:20px;
	border:1px solid #c2dbe1;
	padding:5px 0px 5px 5px;
	float:left;
}
#enlacemapa {
	color: #9e9c9c; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	padding:5px;
	text-align:justify;
	clear:both;
}
#enlacemapa a {
	text-decoration: none;
	color: #ee7e1c;
	padding:5px 0px 5px 0px;
	text-align: center;
	clear:both;
}
#enlacemapa a:hover {
	text-decoration: none;
	color: #818181;
	padding:5px 0px 5px 0px;
	text-align: center;
}
#lateral_mapa {
	margin-top:20px;
	float:right;
	padding-bottom:20px;
}
#lateral_mapa h3 {
	color: #7b7a7a; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	margin-left:30px; 
}
#lateral_mapa p {
	color: #9e9c9c; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	margin-left:20px;
	text-align: left;
	padding:5px 5px 5px 20px;
	line-height:10px;
}


/* PIE */

#pie {
	clear:both;
	width: 100%;
	background-color:#f4f4f4;
	background-image:url(../images/fondopie.png);
	background-repeat:repeat-x;
}
#pie ul, li {
        list-style-type:none;
}

#pie li {
        float:none;
}

#pie a {
        text-decoration: none;
        color: #9e9c9c;
        padding:5px 0px 5px 0px;
        text-align: center;
}

#pie a:hover {
        text-decoration: none;
        color: #ee7e1c;
        padding:5px 0px 5px 0px;
        text-align: center;
}
#enlaces_pie {
	font: 11px verdana, sans-serif;
	line-height:20px;
	width:900px;
	margin: 0 auto;
	padding: 0;
}	

#col_pie1{
	  float:left;
      background: #f4f4f4 url(../images/lineapie.png) no-repeat;
	  width:300px;
	  height:97px;
	  margin-top:15px;
	  
}
#col_pie2{
	  float:left;
	  background: #f4f4f4 url(../images/lineapie.png) no-repeat;
	  width:300px;
	  height:97px;
	  margin-top:15px;
}
#col_pie3{
	  float:right;
      background: #f4f4f4 url(../images/lineapie.png) no-repeat;
	  width:300px;
	  height:97px;
	  margin-top:15px;
}
#firma{
      width:900px;
      clear: both;
	  text-align:center;
	  padding:30px 0 10px 0px;
	  font:10px verdana, sans-serif;
	  color:#c3c3c3;
	  height:35px;

}