/* ESTILOS GENERALES */

#linea-header{
	height:18px;
	background-image: url(../fnd/linea-header.gif);
	background-repeat:  repeat-x;
	float: left;
	width: 100%;
	
}
#contenido-superior{
	background-color: #FFFFFF;
	width: 980px;
	float: left;
}
#barra-menu{
	background-color: #444444;
	width: 215px;
	height: 632px;
	float: left;
}
#header{
	background-color: #FFFFFF;
	width: 455px;
	height: 632px;
	float: left;
	background-image: url(../fnd/header-rubik3d.jpg);
	background-repeat: no-repeat;
}
#info-news{
	background-color: #FFFFFF;
	width: 310px;
	height: 632px;
	float: left;
	background-image: url(../fnd/info-news.jpg);
	background-repeat: no-repeat;
}
.triangulo{
	width: 310px;
	height: 12px;
	float: left;
	background-image: url(../fnd/triangle-top.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 13px;
}
#linea-separacion/* ESTILOS GENERALES */

{
	height:7px;
	width: 980px;
	float: left;
	background-color: #52abff;
	
}
#contenido-inferior{
	background-color: #303030;
	width: 100%;
	float: left;
	clear: both;
}
.fondo-inferior{
	background-color: #333333;
	float: left;
	height: 300px;
	width: 980px;
}
#webs{
	width: 640px;
	height: 200px;
	float: left;
	padding: 25px 25px 0px 25px;
}
#lista-webs{
	width: 590px;
	height: 150px;
	float: left;
}
#info-contacto{
	background-color: #151515;
	width: 230px;
	height: 135px;
	float: left;
	margin: 25px 0px 0px 0px;
	padding: 25px 30px 25px 30px;
}
#linea-deco-inferior/* ESTILOS GENERALES */

{
	height:7px;
	width: 980px;
	float: left;
	background-color: #52abff;
	
}
#webs  h1, #info-contacto h1            {
	color:#FFFFFF;
	font-size:22px;
	margin-bottom: 15px;
}
#webs   h1 span              {
	color:#33CCFF;
	font-size:10px;
	margin-bottom: 15px;
}
.lista-webs  .nuevaweb a {
	color: #33CCFF;
}

.txt-contacto                {
	color:#D5F4FF;
	font-size:18px;
	margin-bottom: 15px;
	font-style: oblique;
	font-weight: normal;
	margin-top: 25px;
	line-height: 23px;
}
.txt-contacto-link                 {
	color:#75DDFF;
	text-decoration: underline;
}
.txt-contacto-link:hover                  {
	color:#52ABFF;
	text-decoration: underline;
}
.txt-consulta                {
	color:#52ABFF;
	font-size:14px;
	margin-bottom: 15px;
	font-style: oblique;
	font-weight: bold;
	margin-top: 25px;
}


div#encabezado{
	background-image:url(../images/fnd-top.gif);
	background-repeat:repeat-x;
	height:472px;
}

/* CLASES GENERALES */

div.interior{
width:888px;
margin:0 auto;
}

div.clearfix{
	width:1px;
	height:1px;
	display:block;
	clear:both;
	content:'.';
}
#navigation   ul   li a:hover {
	background-color: #3A671D;
	padding: 3px;
	color: #78CA42;
}
#validation {
	background-color: #04200D;
	text-align: center;
	
}
#validation p{
	margin-top:0px;
	margin-bottom:20px;
	
}



a.link-mail, a.link-mail:VISITED, a.link-mail:ACTIVE, a.link-mail:LINK{
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

a.link-mail:HOVER{
	color: #f5f58f;
	text-decoration: underline;
}



#barra{
	float:left;
	list-style-type:none;
	font-size: 13px;
	padding-top: 450px;
	padding-left: 25px;
}
#barra  li{
	vertical-align:middle;
	list-style-image: url(../img/icon-nav.gif);
	list-style-position: inside;
	
}
#barra  li{
	display:block;
	
	padding:5px 9px;
	border-bottom:1px solid #ddd;
	text-decoration:none;
	color:#999999;
}
#barra  li  a{
	display:block;
	width:130px;
	padding:5px 9px;
	border-bottom:1px solid #ddd;
	text-decoration:none;
	color:#999999;
}

#barra  li  a.active{
	font-weight:bold;
	color:#52ABFF;
}
#barra  li  a:hover{
	color:#52ABFF;
	background-color: transparent;
	background-image: url(../images/navigator_li.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.columna {
	width: 213px;
	float: left;
}
.masservicios {
	float: left;
	height: 25px;
	margin-top: 20px;
	font-weight: bold;
	color: #52ABFF;
	font-size: 12px;
	font-style: oblique;
}
.linea1 {
	width: 100%;
	float: left;
	height: 2px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 15px;
}
.linea2 {
	width: 930px;
	float: left;
	height: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 5px;
	margin-top: 2px;
}
.linea3 {
	width: 50px;
	float: left;
	height: 2px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #52ABFF;
	margin-bottom: 5px;
	margin-top: 0px;
}
.lista-webs{
	list-style-type:none;
	font-size: 11px;
	padding-top: 1px;
	padding-left: 5px;
	color: #CCCCCC;
}

.lista-webs    li{
	vertical-align:middle;
	list-style-image: url(../img/li-portfolio.gif);
	list-style-position: inside;
	float: left;
	clear: both;
	margin-bottom: 5px;
}
.lista-webs    li    a{
	padding:5px 0px;
	text-decoration:none;
	color:#D5F4FF;
}
.lista-webs    a.active  {
	font-weight:bold;
	color:#52ABFF;
}
.lista-webs    li    a:hover{
	color:#52ABFF;
	background-color: transparent;
	background-image: url(../images/navigator_li.png);
	background-repeat: no-repeat;
	background-position: right center;
}
#footer{
	width: 980px;
	float: left;
	margin-top: 0px;
	margin-bottom: 10px;
}
#redes-sociales {
	width: 690px;
	float: left;
	margin-top: 0px;
}
.redsocial {
	height: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	margin-left: 25px;
}



/*RUBIK3D*/

#webmaster{
	height : 32px;
	margin: auto;
	float: right;
	width: 200px;
}

#rubik3d{
	font-size: 8pt;
	color : #666666;
	padding-top:10px;
	margin: auto;
	font-family: Tahoma;
	width: 200px;
	text-align: center;
}
A.enlace_barra, A.enlace_barra:VISITED, A.enlace_barra:ACTIVE, A.enlace_barra:FOCUS, A.enlace_barra:LINK{
	color: #666666;
	font-weight:bold;
	text-decoration:none;
}
A.enlace_barra:HOVER{
	color: #999999;
	text-decoration:underline;
}
.video-news {
	width: 280px;
	background-color: #000000;
	margin-top: 12px;
	padding: 10px 10px;
	margin-left: 10px;
}
.clip-youtube {
	width: 280px;
	height: 230px;
	vertical-align: middle;
}

.video-news   h1              {
	color:#FFFFFF;
	font-size:16px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.frase-news {
	width: 280px;
	background-color: #0095D9;
	margin-left: 10px;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	color: #D5F1FF;
	vertical-align: middle;
	padding: 0px 10px 20px 10px;
	text-align: center;
	line-height: 20px;
}
.frase-news-top {
	width: 260px;
	height: 25px;
	margin-top: 207px;
	background-image: url(../fnd/frase-top.png);
	background-position: bottom;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 10px;
}
.frase-news-bottom {
	width: 260px;
	background-color: #00A5F4;
	height: 3px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: 10px;
	padding-top: 10px;
}