/*   
Theme Name: CSS inicial
ersion: 1.0
Description: CSS básico con arreglos y selectores pre-configurados.
*/

/* IE7 HACKS */
*:first-child+html {
}

/* Neutralizamos los Estilos */
*{
margin:0;
padding:0;
border:none;
}

html {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1, h2, h3, h4, h5, p, pre, ol, dl, address {
font-weight:normal;
margin:0px 0px 10px 0px;
padding:0px;
}

h1{font-size:24px;}
h2{
	font-size:18px;
	color:#66c3e0;
	margin-bottom:3px;
}
h3{font-size:16px;}
h4{font-size:14px;}
h6{
	font-size:15px;
	color:#666666;
	margin-left:10px;
	margin-bottom:3px;
	
}


/* Links Bases */
a, a:link, a:visited {
color:#66c3e0;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#559AE7;
text-decoration:underline;
}

a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;
/*Si ponemos un background aparecerá como fondo de la imagen, sirve para simular imágenes de carga*/
}

/* Algunas clases útiles */

.tool-tip { 
color : #ffffff;
border : 1px solid #ffffff;
z-index : 13000;
}

.tool-title { 
display : none;
} 
.tool-text { 
font-size : 11px;
padding : 6px 15px 6px 15px;
background : #ECD6B0;
}

.clear3 {
clear:both;
height:27px;
width:750px;
background-image:url(../imagenes/footer.png)
}

.float-left {
float:left;
}

.float-right {
float:right;
}

.center {
text-align:center;
}

span{
padding:3px;
}

.celeste{
color:#66C3E0;
}

.chico{
font-size:11px;
}

/* Estructura */
body{
margin:0px;
padding:0px;
height:100%;
background-color:#FDFFFF;
background-image:url(../imagenes/bg-body.gif);
background-position:center top;
background-repeat:repeat-x;
color:#333333;
}

#header{
margin:0px auto;
padding:0px;
width:750px;
height:162px;
}

#logo{
margin:0px;
padding:0px;
background-image:url(../SWF/images/fondo.jpg);
float:left;
width:750px;
height:162px;
position:relative;
}

#content{
width:750px;
margin:0px auto;
padding:0px;
background-color:#FFFFFF;
}

#featured{
margin:0px auto;
padding:0px;
}

#pie{
width:750px;
margin:0px auto;
padding:0px;
border-top:1px dotted #66c3e0;
color:#66c3e0;
}

#footer{
margin:15px auto;
padding:0px;
width:750px;
}

#copyright{
margin:0px;
padding:0px;
text-align:center;
}

#braincreative{
margin:0px auto;
padding:0px;
text-align:center;
}

/* Bloques */
.bloque1,
.bloque2,
.bloque3,
.bloque4{
float:left;
line-height:1.5;
}

.bloque1{
margin:0px 0px 0px 3px;
padding:0px;
width:490px;
}

.bloque2{
margin:0px 25px 0px 25px;
padding:10px 0 0 0;
}

/* Destacados */
#destacado{
margin:0px;
padding:0px;
color:#999999;
}

.error{
background-position:top left;
background-repeat:no-repeat;
height:239px;
}
.txterror{
padding:20px 0px;
width:370px;
}

.txtportfolio{
float:left;
padding:20px 0px 0px 15px;
width:190px;
}
.imgportfolio{
float:right;
height:70px;
background-image:url(../imagenes/portafolio-web.gif);
width:750px;
margin:auto;
}

.imgportfolio3d{
float:right;
height:70px;
background-image:url(../imagenes/portafolio-3d.gif);
width:750px;
margin:auto;
}

.imgportfolioimpresos{
float:right;
height:70px;
background-image:url(../imagenes/portafolio-impresos.gif);
width:750px;
margin:auto;
}

.imgportfolioeditorial{
float:right;
height:70px;
background-image:url(../imagenes/portafolio-editorial.gif);
width:750px;
margin:auto;
}

.imgportfoliocoorporativo{
float:right;
height:70px;
background-image:url(../imagenes/portafolio-coorporativo.gif);
width:750px;
margin:auto;
}

.imgportfolioemail{
float:right;
height:70px;
background-image:url(../imagenes/portafolio-email.gif);
width:750px;
margin:auto;
}

.imghome{
float:right;
height:70px;
background-image:url(../imagenes/home.gif);
width:750px;
margin:auto;
}

.imgsobremi{
float:right;
height:70px;
background-image:url(../imagenes/sobremi.gif);
width:750px;
margin:auto;
}

.imgcontacto{
float:right;
height:70px;
background-image:url(../imagenes/contacto.gif);
width:750px;
margin:auto;
}

/* Subir */
#total{
margin:0px auto;
padding:0px;
position:relative;
width:750px;
}



/* Titulos */
.ptitulo{
font-size:16px;
font-weight:bold;
color:#66C3E0;
margin:0px 0px 13px 0px;
}


/* Portfolio */
#cportfolio p{
padding:0px;
margin:0px 0px 5px 0px;
}

#cportfolio a, #cportfolio a:link, #cportfolio a:visited{
color:#666666;
}

#cportfolio a:hover, #cportfolio a:active {
color:#666666;
}

.caso{
background-image:url(../imagenes/bgmuestras.gif);
background-repeat:no-repeat;
background-position:top left;
padding:8px 0px 15px 8px;
width:225px;
position:relative;
}

.caso a:hover{
text-decoration:none;
}

.casoimg{
width:207px;
height:106px;
overflow:hidden;
position:relative;
cursor:pointer;
}

.desc_caso{
background-color:#000000;
color:#FFFFFF;
/* opacity:0.9; */
position: absolute;
top:109px;
left:0px;
height:210px;
width:197px;
padding:5px;
}

#sidebar {
	float:right;
	width:230px !important;
	width:230px;
	margin:0px 10px 10px 0;
}

#sidebar h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	margin:10px 5px 15px 10px;
}
#sidebar p {
	padding:5px;
	margin:5px 5px 5px 10px;
	line-height:17px;
	word-spacing:-1px;
}

ul.submenu {
	margin:0;
	padding:0;
}
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu a {
	display:block;
	height:13px;
	padding:7px 7px 7px 17px;
	margin:1px 0 0 0;
	background-color:#fff;
	background-image:url(../imagenes/backgrounds/submenua_normal.jpg);
	background-position:left;
	background-repeat:repeat-y;
}
.submenu a:hover {
	background-image:url(../imagenes/backgrounds/submenua.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#ccc;
	padding:7px 7px 7px 15px;
}
.submenu a:focus {
	background-image:url(../imagenes/backgrounds/submenua.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#fff;
	padding:7px 7px 7px 15px;
}
.submenu a:active {
	background-image:url(../imagenes/backgrounds/submenua.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#fff;
	padding:7px 7px 7px 15px;
}

.note {
	padding:10px;
	background-color:#eee;
	border:1px solid #ccc;
	margin:20px 5px 20px 5px;
}

/*folio*/

#supercontenedor {
	padding-top:20px;
}

.folio1 {
	width: 214px;
	background: url(../imagenes/menu/editorial.jpg) repeat-x #fff;
	margin:auto;
	list-style:none;
}

.folio1 li {
	display:block;
	background: url(../imagenes/menu/editorial.jpg) repeat-x #fff;
	padding:0;
	list-style:none;
}

.folio1 a {
	display:block;
	height:59px;
	background-color:#666;
	background:url(../imagenes/menu/editorial.jpg) repeat-x;
}

.folio1 a:hover {
	background-color:#ccc;
	background:url(../imagenes/menu/editoriala.jpg) repeat-x;
}

.folio2 {
	width: 214px;
	background: url(../imagenes/menu/web.jpg) repeat-x #fff;
	margin:auto;
	list-style:none;
}

.folio2 li {
	display:block;
	background: url(../imagenes/menu/web.jpg) repeat-x #fff;
	margin:0;
	padding:0;
	list-style:none;
}
.folio2 a {
	display:block;
	height:59px;
	background-color:#666;
	background:url(../imagenes/menu/web.jpg) repeat-x;
}

.folio2 a:hover {
	background-color:#ccc;
	background:url(../imagenes/menu/weba.jpg) repeat-x;
}

.folio3 {
	width: 214px;
	background: url(../imagenes/menu/3d.jpg) repeat-x #fff;
	margin:auto;
	list-style:none;
}

.folio3 li {
	display:block;
	background: url(../imagenes/menu/3d.jpg) repeat-x #fff;
	margin:0;
	padding:0;
	list-style:none;
}
.folio3 a {
	display:block;
	height:59px;
	background-color:#666;
	background:url(../imagenes/menu/3d.jpg) repeat-x;
}

.folio3 a:hover {
	background-color:#ccc;
	background:url(../imagenes/menu/3da.jpg) repeat-x;
}

/*fin folio*/

select,textarea	{ 
	font-size: 12px;
	border: 1px solid #999999;
}
textarea	{ 
	font-size: 12px;
}
input	{
	border: 1px solid #999;
}
.formulario {
	margin:0 0 0 6.8em;
}

/*acordeon*/

#basic-accordian{
	padding:0px;
	width:450px;

}

.accordion_headings{
	padding:7px;
	background:url(../imagenes/backgrounds/menuini.jpg);
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:url(../imagenes/backgrounds/menuinia.jpg);
}

.accordion_child{
	padding:15px;
	background:#fff;
}

.header_highlight{
	background:url(../imagenes/backgrounds/menuinia.jpg);
}