@charset "UTF-8";
/* CSS Document */

/* calibracion: anula margenes(pordefectodelosnavegadores) de todos(*)loselementos p44 */
*{padding:0;margin:0;}
body {
	
	background-color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	/*Solucion al no centrado en IE7*/
	text-align: left;
}
.sombraizq {
	background-image: url(images/web/acc/sombraizq.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sombrader {
	background-image: url(images/web/acc/sombrader.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
/*===========================================
1. Secciones DIV
===========================================*/
#wrapper{
	color:black;/*color de fuente*/
	background-color:#cccccc;
	width:1000px;
	margin-right:auto;/*margen automatico p46*/
	margin-left:auto;/*margen automatico*/
}

#encabezado {
color:white;background-color: #999999; padding:5px;
	text-align:left;
	font-weight:bold;
	font-size:150%;
}
/************************************************
NAVEGACION text-align:left; font-weight:bold;
************************************************/

#navegacion {  float:left; width:150px; background-color: #999999; } 
#navegacion ul {
      	padding:0;
      	margin:0;
	  }
    #navegacion li {
	    list-style:none;
		border-top: 1px solid white;
      	margin:0;
    }

    #navegacion a { /*p55*/
      	display:block;
     	text-decoration:none;
      	color: white; 
 
    }
	
#navegacion a:hover,
#email #naviemail a,
#about #navi01about a, 
#gal2d #navigal2d a,
#gal2dpaintings #navIgal2dpaintings a,
	#gal2dp1 #navigal2dp1 a,
	#gal2dp2 #navigal2dp2 a,
	#gal2dp3 #navigal2dp3 a,
	#gal2dp4 #navigal2dp4 a,
	#gal2dp5 #navigal2dp5 a,
	#gal2dp6 #navigal2dp6 a,
	#gal2dp7 #navigal2dp7 a,
	#gal2dp8 #navigal2dp8 a,
	#gal2dp9 #navigal2dp9 a,
	#gal2dp10 #navigal2dp10 a,
	#gal2dp11 #navigal2dp11 a,
#gal2danimations #navigal2danimations a,
	#gal2da1 #navigal2da1 a,
	#gal2da2 #navigal2da2 a,
	#gal3d #navigal3d a, 
#gal3dmodels #navigal3dmodels a,
	#gal3dm1 #navigal3dm1 a,
	#gal3dm2 #navigal3dm2 a,
	#gal3animations #navigal3danimations a,
	#gal3da1 #navigal3da1 a,
	#gal3da2 #navigal3da2 a,
#gal3dgames #navigal3dgames a,
	#gal3dg1 #navigal3dg1 a,
	#gal3dg2 #navigal3dg2 a,
#services #navi04services a,
#store #navi05store a,
#storelowpoly #navi05slowpoly a,
	#slp1 #navi05slp1 a, 
	#slp2 #navi05slp2 a,
	#slp3 #navi05slp3 a,
	#slp4 #navi05slp4 a,
	#slp5 #navi05slp5 a,
	#slp6 #navi05slp6 a,
	#slp7 #navi05slp7 a,
	#slp8 #navi05slp8 a,
	#slp9 #navi05slp9 a,
	#slp10 #navi05slp10 a,
	#slp11 #navi05slp11 a,
	#slp12 #navi05slp12 a,
#storegames #navi05sgames a,
	#sg1 #navi05g1 a, 
#storemidpoly #navi05smidpoly a, 
	#smp1 #navi05smp1 a, 
	#smp2 #navi05smp2 a,
	#smp3 #navi05smp3 a,
	#smp4 #navi05smp4 a,
	#smp5 #navi05smp5 a
{
 color:#999999;
 background-color:white;      
}
#navegacion p { color:white; padding:8px 0 8px 5px; margin: 0;}

#navi01about a, #naviemail a, #navigal2d a,#navigal3d a, #navi05store a {
	padding: 8px 0 8px 5px;
	
}
/************************************************
Subcategorias 
************************************************/
#navigal2dpaintings a, #navigal2danimations a, #navigal3dmodels a, #navigal3danimations a, #navigal3dgames a, #navi04services a, #navi05slowpoly a,#navi05sgames a, #navi05smidpoly a  {
	padding: 4px 10px 4px 15px;
	font-size:90%;
	
}
/************************************************
Modelos uno a uno
}************************************************/
#navigal2dp1 a, #navigal2dp2 a, #navigal2dp3 a, #navigal2dp4 a, #navigal2dp5 a, #navigal2dp6 a, #navigal2dp7 a, #navigal2dp8 a, #navigal2dp9 a, #navigal2dp10 a,
#navigal2da1 a, #navigal2da2 a,
#navigal3dm1 a, #navigal3dm2 a,
#navigal3da1 a, #navigal3da2 a,
#navigal3dg1 a, #navigal3dg2 a,
#navi05slp1 a,#navi05slp2 a, #navi05slp3 a, #navi05slp4 a, #navi05slp5 a, #navi05slp6 a, #navi05slp7 a, #navi05slp8 a, #navi05slp9 a, #navi05slp10 a, #navi05slp11 a, #navi05slp12 a,
#navi05sg1 a,
#navi05smp1 a, #navi05smp2 a, #navi05smp3 a, #navi05smp4 a, #navi05smp5 a
{
	color:white;
	padding: 2px 5px 2px 35px;
	font-size:75%;
	font-style: italic;	
	text-align:left;
	}

/************************************************
TEXTO 
************************************************/
#areatexto{
	background-color: white;
	padding:20px;
	text-align:left;
	font-size:80%;
	
}
#areaeula{
	margin:0 20px;
	text-align:left;
	/*border-left:1px solid #8c8c8c;borde izq*/
}

#pie{
	clear: both;/*hace que el pie se separe de la navegacion y su color no lo manche*/
	background-color: #999999;
	padding:20px;
	
	text-align:center;
	font-size:80%;
	font-style:normal;
	color:white;
	letter-spacing:2px;
	line-height:1.5em;
}

/*===========================================
2. Elementos HTML generales
===========================================*/

h1{font-size:120%;color:white;background-color: #666666; padding:5px;margin:10px 0; text-align:center;}
h2{font-size:120%;color:#666666; text-align:center; margin-bottom:10px;}
h3{font-size:70%;color:#666666; text-align:left; margin:0 0 10px 0; font-style: italic;	}
h5{font-size:100%;color:white; padding:10px; text-align:center;}
.textolargo{font-size:80%;color:#999999; padding:10px; text-align:left;}
.alinearcentro{text-align:center;}
a{text-decoration:underline;} /*p32: para eliminar elsubrayado de losvinculos: (text-decoration:none;outline:none;) ******************************************/
a:link{color:blue;}
a:visited{color:blue;}
a:hover,a:focus{text-decoration:underline;color:blue;}
a:active{color:red;} /* p33: modifica apariencia on click*/

.skiplink{display:none;}/*oculta el skiplink*/

.intro a:link{color: white;text-decoration:none; background-color: white;}

.buy a{font-size:120%; font-style: italic; font-weight: bold; color: #006699;text-decoration:underline; background-color: #FFCC00; padding:10px 20px;}
.buy a:hover {text-decoration:underline;color:white; background-color: #006699;}
/*redefine los margenes de parrafos y listas p45*/
p,ul{
	margin-top:0;
	margin-right:0;
	margin-bottom:1em;
	margin-left:0;
}
ul ul{
	margin:0;
}
li{
	margin-top:0;
	margin-right:0;
	margin-bottom:10px;
	margin-left:2em;
}

.tablageneral{
	text-align:left;
	color:#555;
	border: none;
	border-collapse: collapse;
	margin-top: 0; /*para separarlo de arriba*/
	
}
.tablageneral td{
	text-align:left;
	color:#000000;
	border: none;
	border-collapse: collapse;
}