/* Ruben Skates - Tecnoroller */

html{}

body{
  font-family: Verdana, Arial;
  font-size: 12px;
	font-weight: normal;
	text-decoration:none;	
	color: #666;
	background-color: #FFF;
	margin: 0 2px 20px 2px;
	margin-bottom: 40px;	
}

a:link{
  color: #F33;
  text-decoration: none;
}

a:visited{
  color: #F33;text-decoration: none;
	}
	
a:hover{
  color: #000;
  text-decoration: underline;
}

a:active{
  color: #ccc;
}

img {
  border: 0;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	text-decoration: none;
	background-color: #EEEEEE;
	border: 1px solid #FFFFFF;
	border-bottom: 1px dashed #CCC;	
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}



/***************************/



/**/

#cuerpo {
float: left;
width: 100%;
height: 100%;
background: #FFF;
}

#izquierda {
margin-right: 620px; /*ancho columna derecha*/
}

#animacion {
  padding-top: 110px;
	text-align: center;
}

#head_roll {
margin: 0;
height: 44px;
text-align: center;
background: url(ima/menu-roll-line-fdo.jpg) #fff repeat-x;
}

#menu_roll {
margin: 0;
text-align: center;
background: url(ima/pie-menu-roll.jpg) #FFF2C8 no-repeat bottom right;
padding: 0 15px 60px 0;
height: 50px;
}

#derecha {
float: right;
width: 620px;
margin-left: -620px; /*ancho columna derecha*/
padding: 0 0 40px 0;
  background-image: url(ima/fdo1.jpg);
}

#head {
height: 40px;
margin: 0;
background: #fff;} 

#tabs {
height: 24px;
margin: 0;
padding: 0;
background: #fff;
}

#portada {
  padding-top: 255px;
	}
	
#seccion{
  padding-top: 20px;
}

#mensaje1 {
padding: 0 25px;
margin: 0 0 30px 0;
text-align: left;
height: 30px;
background: transparent;
}

.fagrupadas {
   margin: 7px 4px;
   padding: 6px;
   border: 2px dotted #E0B3FB;
   background-color: #F9F1FE;
   float: left;
}

/**/

#foot {
clear: right;
width: 100%;
background: #fff;
color: #ccc;
text-align: right;
padding: 4px 0;
}

#foot a {
color: #FFFF80;
}



/***************************/


.contenidos {
margin: 5px; /* ==padding */
margin-top: 0;
padding: 15px 0px;
}

.noventa {
width: 90%;
float: left;
}

.sesenta {
width: 60%;
float: left;
}

.cuarenta {
width: 40%;
float: right;
}

.roll_line {
width: 120px;
height: 26px;
background-color: transparent;
margin: 0;
padding: 0;
/*float: right;*/
display: block;
}

.links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

.fondo_puntos {
  background-image: url(ima/fdo1.jpg);
}

.patito {
background: #FFFCE9;
}

.clear_both {
clear: both;
}



/***************************/



.x{background:transparent;}
.xar,.xab{display:block;background:transparent;font-size:1px;}
.xb1,.xb2,.xb3,.xb4{display:block;overflow:hidden;}
.xb1,.xb2,.xb3{height:1px;}
.xb2,.xb3,.xb4{background:#fff;border-left:1px solid #ccc;/**/border-right:1px solid #ccc;/**/}
.xb1{margin:0 5px;background:#ccc;/**/}
.xb2{margin:0 3px;border-width:0 2px;}
.xb3{margin:0 2px;}
.xb4{height:2px;margin:0 1px;}
.xcont{display:block;background:#fff;border:0 solid #ccc/**/;border-width:0 1px; padding: 10px;}

.z{background:transparent;}
.zar,.zab{display:block;background:transparent;font-size:1px;}
.zb1,.zb2,.zb3,.zb4{display:block;overflow:hidden;}
.zb1,.zb2,.zb3{height:1px;}
.zb2,.zb3,.zb4{background:#EEE;border-left:1px solid #EEE;border-right:1px solid #EEE;}
.zb1{margin:0 5px;background:#EEE;}
.zb2{margin:0 3px;border-width:0 2px;}
.zb3{margin:0 2px;}
.zb4{height:2px;margin:0 1px;}
.zcont{display:block;background:#EEE;border:0 solid #EEE;border-width:0 1px;padding: 0;}

.y{background:transparent;}
.yar,.yab{display:block;background:transparent;font-size:1px;}
.yb1,.yb2,.yb3,.yb4{display:block;overflow:hidden;}
.yb1,.yb2,.yb3{height:1px;}
.yb2,.yb3,.yb4{background:#fff;border-left:1px solid #4DD345;border-right:1px solid #4DD345;}
.yb1{margin:0 5px;background:#4DD345;}
.yb2{margin:0 3px;border-width:0 2px;}
.yb3{margin:0 2px;}
.yb4{height:2px;margin:0 1px;}
.ycont{display:block;background:#fff;border:0 solid #4DD345;border-width:0 1px;padding: 5px 10px;}

.end_gris{color:#fff;background:#eee;}
.end_blanco{color:#fff;background:#fff;}
.end_perla{color:#fff;background:#EEE;}



/***************************/



div.row{clear: both;padding-top: 5px;}

div.row span.label{float: left;text-align: right;width: 120px;}
div.row span.formw{float: right;text-align: left;width: 210px;}

/*formularios*/

div.form_row{clear: both;padding-top: 5px;}

.form_edlogin{width: 390px;height: 120px;}
div.form_row span.label_edlogin{float: left;text-align: right;width: 120px;}
div.form_row span.element_edlogin{float: right;text-align: left;width: 210px;}

.form_edemail{width: 480px;height: 100px;}
div.form_row span.label_edemail{float: left;text-align: right;width: 120px;}
div.form_row span.element_edemail{float: right;text-align: left;width: 320px;}




/***************************/



.century1 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

.century2 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #FF0066;
	text-decoration: none;
}

.mini {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #444;
	text-decoration: none;
}

.mini1 {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #4D48A2;
	text-decoration: none;
	}
	
.mini2 {
	font-family: Verdana, Arial;
	font-size: 11px;
	font-weight: normal;
	color: #007089;
	text-decoration: none;
}

.clases a:link {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #79C879;
	text-decoration: none;
}

.clases a:hover {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FF6666;
	text-decoration: underline;
}

.clases a:visited {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
	color: #79C879;
	text-decoration: none;
}

.clases img{
padding-right: 10px;
}

.articulos_container {
padding: 10px;
border-bottom: 1px dashed #CCC;
}

.articulos_titulo {
padding: 10px;
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

.opcion_fab {

}


.articulos {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #79C879;
	text-decoration: none;
	}
	
.articulos_container img {
margin-right: 20px;
/*border: 1px solid #000;*/
}

h2 {
	font-family: "Century Gothic", Verdana, Arial;
	font-size: 22px;
	font-weight: bold;
	color: #8FA2D0;
	text-decoration: none;
		line-height: 15px;
}


/*************************** Anylink-vertical*/



.navlist li {
width: 145px;
background: transparent;
font: normal 15px Arial, Verdana;
color: #D38001;
padding-bottom: 2px;
}

.navlist a:link, .navlist a:visited {
color: #D38001;
}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid gray;
border-bottom-width: 0;
font: normal 12px Arial, Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 205px;
}

.anylinkcss a{
color: black;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkcss a:hover{ 
background-color: #DCDCDC;
color: black;
}