html, body{
	margin:0;
	padding:0;
	height:100%;
	background-color:#F9F9F9;
}

body{
	text-align:center;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

img{
	vertical-align:middle;
	border:0px;
}

input, select, textarea{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size:12px;
}

input, select{
	vertical-align:middle;
}

form{
	margin:0px;
	padding:0px;
}

div.spacer{
	clear:both;
}

span.subtext{
	font-size:13px;
	color:#999;
}

div.row{
	clear:both;
}

div.fleft{
	float:left;
}

div.fright{
	float:right;
}

div#wrapper{
	height:100%;
}

.red {
    color: #BD0926;
}

.azul {
	color:#29ABE2;
}

.white {
	color:#fff;
}

ul.row1{
	list-style:url(../images/bullet.jpg);
	margin:0;
	padding:5px 0 0 20px;
	font-size:14px;
}

/* ============ || Titulos || ============ */
p {
   font-size: 14px;
}
h1 {
	font-size: 24px; 		  
    line-height: 1; 			
	margin-top: 0.30em; 		
	margin-bottom: 0.5em; 	
    color: #BD0926;
	text-shadow: 0px 1px 1px #fff;
}
h2 {
	font-size: 22px;   	
	line-height: 1.4; 		
	margin-top: 1.2em;		  
	margin-bottom: 1.4em; 	 	
    color: #645951;
}
h3 {
	font-size: 18px;		
	margin-top: 1em;     
	margin-bottom: 0.4em; 	
	color: #333;
}
h4 {
	font-size: 16px;   		
	margin-top:0.63em;	   	
	margin-bottom: 0.63em; 		
	color: #645951;
	font-weight:normal;
}
h5 {
	font-size: 12px;
	color:#666;
	font-weight:normal;
	margin-top: 0.5em;		  
	margin-bottom: 0.1em;
}
h6 {
	font-size: 12px;
	margin:0;
	padding:0;
}
.date {
    font-family: Georgia,"Times New Roman",serif;
	font-size:12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#999;
}
/* ============ || Contacto del Header || ============ */

div#contact{
	/*height:22px;*/
	background:#BD0926;
	border-bottom:2px solid #721321;
	font-size:16px;
}

div#datafix{
	width:960px;
	margin:0 auto;
	position:relative;
	height:22px;
	/*padding-left:340px;*/
}

div#data{
	position:absolute;
	left:340px;
	float:left;
	width:290px;
	height:21px;
	padding-top:3px;
	color:#fff;
	background:#8E071D;
	border-left:1px #721321 solid;
	border-right:1px #721321 solid;
}

div#data a:link, div#data a:visited{
	color:#fff;
	text-decoration:none;
}

div#data a:hover{
	text-decoration:underline;
}

div#idioma{
	float:right;
}

div#data2{
	width:145px;
	height:21px;
	padding-top:3px;
	font-size:12px;
	/*margin:0 auto;*/
	color:#fff;
	background:#8E071D;
	border-left:1px #721321 solid;
	border-right:1px #721321 solid;
}
/* ============ || Header || ============ */

div#header{
	position:relative;
	width:960px;
	height:80px;
	margin:0 auto;
	text-align:left;
	z-index:2;
}

div#logo{
	position:relative;
	float:left;
	width:300px;
	height:70px;
	top:10px;
	border:0;
	padding-left:10px;
}

div#logo div.octopus{
	position:absolute;
	top:-20px;
}

/* ============ || Menu Principal || ============ */
ul#menu{
	margin:0;
	padding:0;
	list-style:none;
	font-size:16px;
	color:#333;
	text-shadow: 0px 1px 1px #fff;
}

ul#menu li{
	float:left;
	border-right:1px solid #ccc;
}

ul#menu li.left{
	border-left:1px solid #ccc;
}

ul#menu li a:link, ul#menu li a:visited {
	padding:20px 5px 0;
	display:block;
	width:125px;
	height:60px;
	background:#f1f1f1;
	text-decoration:none;
}

ul#menu li a:hover {
	background:#ccc;
}

ul#menu li a.beta:link, ul#menu li a.beta:visited{
	background:url(../images/beta.png) no-repeat top right #f1f1f1;
}

ul#menu li a.beta:hover{
	background:url(../images/beta.png) no-repeat top right #ccc;
}

ul#menu li a.over {
	background:#ccc;
	cursor:default;
}

ul#menu li a.over2{
	background:#ccc;
}

ul#menu li a.beta_over{
	background:url(../images/beta.png) no-repeat top right #ccc;
	cursor:default;
}

ul#menu li.parent{
	position:relative;
}

ul#menu li.parent ul.submenu{
	position:absolute;
	display:none;
	left:-1px;
	list-style:none;
	padding:0px;
	margin:0px;
	z-index:20;
}

ul#menu li.over ul.submenu{
	display:block;
}

ul#menu li.parent ul.submenu li{
	float:none;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:12px;
}

ul#menu li.parent ul.submenu li a:link,
ul#menu li.parent ul.submenu li a:visited{
	display:block;
	width:125px;
	height:auto;
	padding:3px 10px;
	color:#333;
}

/* ============ || Enlaces del Header || ============ */

div#links{
	float:right;
	width:203px;
	height:80px;
	margin-right:11px;
}

div#links div.link{
	background:#f2f2f2;
	font-size:14px;
	color:#333;
	padding:2px 0;
}

div#links div.link div.icon{
	float:left;
	width:44px;
	padding:0 8px;
}

div#links div.fix1{
	height:35px;
	border-bottom:1px solid #ccc;
}

div#links div.fix2{
	height:36px;
}

#links a { text-decoration:none;}
/* ============ || Contenido || ============ */

div#container{
	position:relative;
	background:url(../images/container_bg.jpg) repeat-x;
	padding-top:2px;
	text-align:left;
	z-index:1;
}
/* bg proyectos*/
div#container2{
	background:url(../images/container_bg2.jpg) repeat-x;
	text-align:left;
}

div#container3{
	background:url(../images/container_bg3.jpg) repeat-x;
	text-align:left;
}

div#content{
	position:relative;
	width:960px;
	margin:0 auto;
}

/* ============ || Contenido de la Izquierda || ============ */

div#left2{
	float:left;
	width:960px;
	text-align:left;
}

div#left{
	float:left;
	width:700px;
	text-align:left;
}

div#left_proyectos{
	width:auto;
	text-align:left;
}

div#proyectos {
	width:900px;
	float:left;
}

div#img_proy {
	float:right;
	width:330px;
	height:223px;
	margin-top:10px;
	padding:10px 11px 17px 9px;
	background:url(../images/proyectos.png) no-repeat;
}

div#proy_l2{
	width:330px;
	height:223px;
	position:relative;
}

div#proy_l2 div.container{
	position:relative;
	overflow:hidden;
}

div#proy_l2 div.container ul{
	position:absolute;
	list-style:none;
	margin:0px;
	padding:0px;
}

div#proy_l2 div.container ul li{
	float:left;
}

div#proy_l2 div.control-left{
	position:absolute;
	top:96px;
	left:-15px;
}

div#proy_l2 div.control-right{
	position:absolute;
	top:96px;
	right:-15px;
}

div#description{
	height:280px;
	padding:15px 20px;
	/*background:url(../images/description_bg.png) no-repeat;*/
}
div#description2{
	height:180px;
	padding:5px 20px;
	/*background:url(../images/description_bg.png) no-repeat;*/
}

#description2 a{ text-decoration:none; }

div#description p{
	margin:0.2em;
	padding:0;
	font-size:14px;
}


div#left div.label{
	position:absolute;
	width:199px;
	height:36px;
	padding:12px 10px 0;
	background:url(../images/message_02.png) no-repeat;
	font-size:16px;
	color:#fff;
	text-align:center;
}

div#left_proyectos div.label{
	position:absolute;
	width:199px;
	height:36px;
	padding:12px 10px 0;
	background:url(../images/message_02.png) no-repeat;
	font-size:16px;
	color:#fff;
	text-align:center;
	/*top:367px;*/
	top:312px;
}

div#left_proyectos div.label2{
	position:absolute;
	width:199px;
	height:36px;
	background:url(../images/message_03.png) no-repeat;
	font-size:16px;
	color:#fff;
	text-align:center;
	/*top:367px;*/
	top:314px;
}

div#left_proyectos div.label2 a:link,
div#left_proyectos div.label2 a:visited{
	text-decoration:none;
	color:#fff;
	display:block;
	padding:12px 10px 0px;
}

div#left_proyectos div.label2 a:hover{
	text-decoration:underline;
}

div#last_home{
	/*top:367px;*/
	top:262px;
	margin-left:20px;
}

#text_home {
	width:530px;
}

div#last{
	top:173px;
	margin-left:20px;
}
/* ============ || Proyectos || ============ */

div#projects{
	height:250px;
	padding:20px 10px 50px 10px;
	border-bottom:1px dotted #ccc;
	color:#333;
}

div#projects div.project{
	float:left;
	width:310px;
	font-size:16px;
	padding:10px;
	font-weight:bold;
	text-align:center;
}

div#left div.label2{
	width:199px;
	height:36px;
	padding:14px 10px 0;
	background:url(../images/message_02.png) no-repeat;
	font-size:16px;
	color:#fff;
	text-align:center;
	margin-left:20px;
	float:left;
}


div#last2{
	top:475px;
	margin-left:20px;
}

div.webdesign{
	height:80px;
	padding:30px 20px;
}

div.webdesign p{
	font-weight:bold;
}

div.webdesign div.col1{
	float:left;
	width:430px;
	padding-right:30px;
	font-size:10px;
}

div.webdesign div.col2{
	float:right;
	width:430px;
	font-size:10px;
}

/* ============ ||Noticias Home || ============ */

.col_news {
	width:280px;
	padding:10px;
}

/* ============ || Contenido de la Derecha || ============ */

div#right{
	float:right;
	width:253px;
	padding-left:5px;
	height:100%;
	background:url(../images/border_block_left.png) no-repeat;
}

div#right div.border{
	background:url(../images/border_block_right.png) no-repeat top right;
	padding-right:5px;
}

div#right div.block{
	height:750px;
	background:#fff;
}

div#social{
	padding:5px 10px;
	border-bottom:1px dotted #ccc;
}

/* ============ || Noticias de la Derecha || ============ */

div#right h2{
	margin:0;
	padding:2px 0;
	font-size:16px;
	color:#BD0926;
	border-bottom:1px dotted #ccc;
}

div#right h3{
	margin:0;
	padding:10px 0;
	font-size:12px;
	font-weight:bold;
}

div#news{
	padding:15px;
}

div#news div.date {
    font-family: Georgia,"Times New Roman",serif;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#333;
}

div#news div.fuente {
	line-height: 22px;
}

div#news p{
	margin:0;
	padding:0;
	font-size:12px;
	color:#666;
}

/* ============ || Tambien hacemos de la Derecha || ============ */

div#too{
	padding:5px 10px;
}

div#too h3 {
	font-weight:bold;
	font-size:12px;
}

div#too p {
	padding:5px 10px;
	font-size:12px;
}


/* ============ || Footer || ============ */

div#footer{
	background:url(../images/bg-footer.jpg) top repeat-x #F9F9F9;
	text-align:left;
	color:#333;
}

div#ideas{
	background:url(../images/message_02.png) no-repeat;
	width:199px;
	height:36px;
	float:left;
	margin-top:-37px;
	margin-left:20px;
	padding:13px 10px 0;
	font-size:16px;
	color:#fff;
	text-align:center;
}

div#footer div.bg {
	background:url(../images/bg-footer2.jpg) bottom right no-repeat;
	height:128px;
}

div#footer div.footer{
	width:960px;
	margin:0 auto;
}

div#ideas_txt{
	clear:left;
	float:left;
	width:500px;
	padding-left:20px;
}

div#dir {
	float:left;
	width:190px;
	text-align:right;
	padding-right:20px;
	border-right:#333 dotted 1px;
}
div#tel {
	padding-left:20px;
	margin-left:210px;
	width:350px;
}



div#credits div.tel a:link, div#credits div.tel a:visited {
	color:#29ABE2;
	text-decoration:none;
}
div#credits a:hover {
	color:#29ABE2;
	text-decoration:underline;
}
div#credits{
	float:left;
	width:450px;
	padding-top:20px;
	padding-right:25px;
	/*height:130px;*/
}

div#credits p{
	margin:0;
	padding:1px 0;
	font-size:12px;
}

div#credits a.mail{
	color:#BD0926;
	font-size:14px;
	font-weight:bold;
	display:block;
	text-shadow: 0px 1px 1px #fff;
}

/* ============ || Que hacemos || ============ */

div#desarrollo{
	height:auto;
	clear:both;
	padding:20px 10px 50px 10px;
}

div#desarrollo div.desa{
	float:left;
	padding:10px;
	width:650px;
}

div#desarrollo div.thumb{
	float:left;
	padding-top:10px;
	width:960px;
}

div#desarrollo div.centrar{
	text-align:center;
	width:220px;
	height:155px;
}

div#desarrollo div.centrar2{
	text-align:center;
	width:192px;
	height:131px;
	padding:12px 14px;
	background:url(../images/project_bg.jpg) no-repeat;
}

div#desarrollo div.centrar a:link, div#desarrollo div.centrar a:visited{
	display:block;
	width:192px;
	height:131px;
	padding:12px 14px;
	background:url(../images/project_bg.jpg) no-repeat;
	border:none;
}

div#desarrollo div.centrar a:hover{
	border-bottom:#BD0926 1px solid;
}

div#desarrollo div.titulos_proyectos{
	padding:5px 0 0 15px;
	width:200px;
}

div#desarrollo div.thumbx4 {
	height:250px;
}

div#desarrollo div.titulos_proyectos a:link,  div#desarrollo div.titulos_proyectos a:visited{
	color:#666;
	text-decoration:none;
}

div#desarrollo div.titulos_proyectos a:hover{
	color:#CCC;
	text-decoration:none;
}

div#desarrollo div.proyectos{
	padding-right:12px;
	padding-bottom:20px;
	/*margin:auto;*/
	float:left;
	width:208px;
	height:220px;
}

div#desarrollo p{
	padding:0;
	margin:0;
	font-size:14px;
}

/* ============ || Paginacion || ============ */

div#pag{
	float:right;
	width:73px;
	height:25px;
	padding-top:3px;
	margin-right:15px;
	background:url(../images/pages.jpg) no-repeat;
	color:#fff;
	text-align:center;
}

/* ============ || Migas || ============ */

#migas {
	/*float:left;*/
	position:absolute;
	font-size:12px;
	color:#280000;
	padding-top:4px;
	padding-left:20px;
	left:0px;
}

#migas a:link, #migas a:visited {
	color:#fff;
	text-decoration:none;
}

#migas a:hover {
	color:#ccc;
	text-decoration:underline;
}

.web_metod {
	width:340px;
	margin:0;
	padding:0;
}

.web_news {
	width:640px;
	margin:0;
	padding:0;
}

/* ================================== FORMULARIO DE CONTACTO ================================== */

div#contact-l2{
	display:none;
	width:760px;
	padding:20px 20px 20px 180px;
	margin:0 auto;
	color:#fff;
	text-align:left;
	font-size:12px;
}

div#contact-l2 div.row{
	padding:3px 0px;
}

div#contact-l2 input.text{
	width:266px;
	height:24px;
	padding:0px 10px;
	border:0px;
	background:url(../images/form_text.png) no-repeat;
}

div#contact-l2 textarea{
	width:267px;
	height:92px;
	padding:10px;
	border:0px;
	background:url(../images/form_textarea.png) no-repeat;
}


/* Add yessica Naranjo */
div#containerNews{
	position:relative;
	background:url(../images/linea_top.jpg) repeat-x;
	padding-top:2px;
	text-align:left;
	z-index:1;
}

#internas_news a { text-decoration:none; }