/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	background-color:#ffffff;
	color:#708491;
}

a {
   color: #708491; text-decoration: underline;
}
a:hover {
   color: #3f466c;
   text-decoration: none;
}

.hide {
   display: none
}

p {line-height:1.4em;
}

li {line-height:1.5em;
}

h1, h2{
	margin:0; 
	padding-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.8em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color:#708491;
	text-align: left;
}

h3{
	margin:0; 
	padding-top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.6em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color:#708491;
	text-align: left;
}

h4{
	margin:0; 
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.9em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color:#708491;
	text-align: left;
}

h5{
	margin:0; 
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color:#708491;
	text-align: left;
}

h3 span {
color: #FB8B00
}

h4 a:hover {
   color: #3f466c;
   text-decoration: underline;
}

h4 span {
color: #FB8B00
}

h5 span {
color: #FB8B00
}

.line {
	height:32px;
	overflow:hidden;
	clear:both;
	background:url(images/dot.gif) 0 12px repeat-x;
}

#contenedor {
	border: none;
	height: 309px;
	text-align: left;
	width: 760px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

#cabecera {
	border: none;
	clear: both;
	float: left;
	height: 90px;
	padding-top: 4px;
	width: 489px;
	background-image: url(images/logo.gif); background-repeat: no-repeat;
}
/* 	width: 760px; */


#wraper-menu {
	border: none;
	clear: both;
	float: left;
	height: 42px;
	width: 489px;
}

.acceso {
	border: none;
	float: left;
	height: 30px;
	padding-top: 6px;
	width: 271px;
	text-align: right;
}

.acceso a {
   color: #708491; text-decoration: none;
}

.acceso a:hover {
   color: #3f466c;
   text-decoration: underline;
}

#sociales {
	border: none;
	float: left;
	height: 30px;
	padding-top: 6px;
	width: 271px;
	text-align: right;
}


#slides {
	border: none;
	clear: both;
	float: left;
	height: 233px;
	padding: 0px;
	width: 760px;
}

#container {
	border: none;
	clear: both;
	float: left;
	padding: 0px;
	width: 760px;
}

#containercontacto {
	border: none;
	clear: both;
	float: left;
	padding: 0px;
	width: 760px;
	padding-bottom: 16px;
}


#containerservicios {
	border: none;
	clear: both;
	float: left;
	padding: 0px;
	width: 760px;
	padding-bottom: 16px;
}

.containertexto {
	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	clear: both;
	margin-top: 32px;
	margin-bottom: 16px;
	width: 760px;
	padding-top: 18px;
	padding-bottom: 14px;
	font-family: Arial, Helvetica, sans-serif;
}

.containertexto span {
color: #FB8B00
}

#proyectos {
	border: none;
	clear: both;
	float: left;
	height: 101px;
	padding: 0px;
	width: 760px;
	padding-bottom: 6px;
	padding-top: 8px;
}

#proyectos1 {
	border: none;
	clear: both;
	float: left;
	height: 101px;
	padding: 0px;
	width: 760px;
	padding-bottom: 6px;
	padding-top: 8px;
}
#proyectos2 {
	border: none;
	clear: both;
	float: left;
	height: 101px;
	padding: 0px;
	width: 760px;
	padding-bottom: 20px;
	padding-top: 8px;
}

#proyectos img {
   height: 101px;
   margin: 0 8px 0  0 ;
   width: 470px;
}

#proyectos img.left {
   float: left;
}
#proyectos1 img {
   height: 101px;
   margin: 0 8px 0  0 ;
   width: 470px;
}

#proyectos1 img.left {
   float: left;
}
#proyectos2 img {
   height: 101px;
   margin: 0 8px 0  0 ;
   width: 470px;
}

#proyectos2 img.left {
   float: left;
}

#novedades {
	border: none;
	clear: both;
	float: left;
	height: 101px;
	padding: 0px;
	width: 760px;
	padding-bottom: 6px;
	padding-top: 8px;
}
#novedades img {
   height: 101px;
   margin: 0 8px 0  0 ;
   width: 300px;
}
#novedades img.left {
   float: left;
}

.paginacion{
		height:21px; 
		font-size: small;
		padding:4px 6px 0 6px; 
		margin-bottom:20px;
		margin-left:20px;
		text-align:center; 
		color:#FB8B00; 
		margin-right:1px; 
		float:left;
	}
.pag-activa{
		border:1px solid #FB8B00;
		padding:3px 7px 0 7px;
		height:20px;
		float:left;
		color:#FB8B00;
		margin-right:3px; 
		font-size: small;
	}
.bot-pagina{
		display:block;
		text-decoration:none;
		border:1px solid #FB8B00;
		background-color:#FB8B00;
		padding:3px 7px 0 7px;
		height:20px;
		float:left;
		color:#FFFFFF;
		margin-right:3px; 
		font-size: small;
	}
#pie-pagina {
	border: none;
	clear: both;
	float: left;
	height: 19px;
	margin-top: 16px;
	width: 760px;
	border-top:1px solid #DFDFDF;
	padding-top: 18px;
	padding-bottom: 6px;
}

/*------------------------------------------------menu--------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.underlinemenu{
	font-weight: normal;
	font-size: 18px;
}
.underlinemenu ul{
	padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: left; /*set value to "left", "center", or "right"*/
}
.underlinemenu ul li{
	display: inline;
}
.underlinemenu ul li a{
	color: #708491;
	padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 10px; /*spacing between each menu link*/
	text-decoration: none;
	border-bottom: 3px solid #ccc; /*bottom border is 3px*/
}
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
	border-bottom-color: #FB8B00;
}

	
/* ---------------------------------- Comment Form ----------------------------------------------*/

label 			{ 
				display: inline-block; 
				float: left; 
				height: 26px; 
				line-height: 26px; 
				width: 100px; 
				font-size: 1em; 
				}
input, textarea, select { 
				margin: 0; 
				padding: 5px; 
				color: #666; 
				background: #f5f5f5; 
				border: 1px solid #ccc; 
				margin: 5px 0; 
				font:1.2em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
								width:240px;}   
input.submit 	{ 
				cursor: pointer; 
				border: 1px solid #222; 
				background:#333; 
				color:#fff; 
				}
input.submit:hover { 
				background:#444; 
				}
fieldset 		{ 
				padding:20px; 
				border:1px solid #eee; 
				}
legend 			{ 
				padding:7px 10px; 
				font-weight: normal; 
				color:#708491; 
				border:1px solid #eee; 
				}


input.btn		{
				cursor: pointer; 
				padding:1px;
				margin-left:100px;
				color:#FFFFFF;
				background-color:#708491;
				border:0px solid #ccc;
				width:190px;
}
input.btn:hover { 
				background:#FF9900; 
				}

#formulario{
padding: 14px;
width: 400px;  /*Este será el ancho que tendrá tu columna*/
background-color: #FFFFFF;  /*Aquí pon el color del fondo que quieras para este lateral*/
float:left; /*Aqui determinas de lado quieres quede esta "columna" */
}


#lateral{
width: 300px;
margin-left:0px; /*Este margen hace que no se encime el contenido en tu menúlateral, es     importante que pongas un pocos pixeles más que el ancho  de tu columna lateral*/
background-color: #FFFFFF;
border:#000000 0px solid; /*ponemos un dorde para que se vea bonito*/
float:left; 
}

.gmap			{
				width:275px;
				height:200px;
				overflow:hidden;
				padding:1px;
				background:#ffffff;
				border:3px solid #AEAEAE;
				}

#logos {
	border: none;
	float: left;
	height: 19px;
	margin-top: 10px;
	width: 760px;
	text-align: center;
}

#logos span {
   display: none
}

.box_hsbc{padding:4px 4px 0 290px;}
.box_cdig,
.box_dmai,
.box_payp{padding:4px 4px 0 290px;}

.box_hsbc{background:url(images/hsbc.gif) 0 0 no-repeat;}
.box_cdig{background:url(images/cuentadigital_pagofacil_rapipago.gif) 0 0 no-repeat;}
.box_dmai{background:url(images/dineromail_pagofacil_rapipago.gif) 0 0 no-repeat;}
.box_payp{background:url(images/paypalch.gif) 0 0 no-repeat;}

.contratar{
	margin:0; 
	padding-top:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color:#FB8B00;
	text-align: left;
	margin-left: 0px;
	text-transform:uppercase;
}

/* Solapa demo */

#solapa-demo {
	top:20%;
	position:fixed;
	z-index:100;
	padding-left:10px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:10px;
	right: 11%;

	border-top: solid 0px #FEFEFE;
	border-bottom: solid 0px #FEFEFE;
	border-right: solid 0px #FEFEFE;
}

#ejemplos ul li { display: inline;
}

/* Blog */
.post h4{
	margin-bottom: 10px;
}

/* www.dynamicdrive.com */
.stickynote{
position:absolute;
visibility:hidden;
width: 300px;
border: 2px solid black;
background-color: lightyellow;
padding: 4px;
box-shadow: 3px 3px 8px #818181;
}

#banner {
	border: none;
	clear: both;
	height: 133px;
	padding: 0px;
	width: 764px;
	padding-bottom: 6px;
	padding-top: 0px;
}

#banner img {
   height: 133px;
   width: 764px;
}