/*********** MIS CSS ABRAHAM *************/
/*****************************************/

:focus{outline:0;}

h1#expertos{
	float:left; 
	display:inline; 
	margin-left:10px; 
	margin-top:0px; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	color: #111;
	font-weight: bold;
}
h1.panel{	font-family: Arial, Helvetica, sans-serif;	font-size: 25px;	color: #000;	padding: 0px;	margin:0px;}
div#menu_ppal{			
	float: right;
	margin-top: 40px;
}

div#crumb a.naranja{
	color: #ff9700;
}


div#crumb{
	font-family: Arial;
	font-size: 11px;		
	color:#000;
}

div#crumb a{
	font-family: Arial;
	font-size: 11px;		
	text-decoration: none;
	color:#000;	
}

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

.ddsmoothmenu{	
	font: 13px Tahoma;	
	float: right;
	margin-top: 17px;	
	_position:relative;
	_top: 6px;
	*width: 670px;			
}

.ddsmoothmenu ul{
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
	position: relative;
	display: inline;
	float: left;		
	margin:0 25px 0 0;	
	padding: 3px 6px 2px 6px;		
	cursor: pointer;
	white-space: nowrap;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
	display: block;
	font-family: Tahoma;
	font-size: 13px;		
	line-height: 12px;	
	text-decoration: none;	
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;	
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color: #111111;	
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/	 
	color: #111111;
}

.ddsmoothmenu ul li a:hover{	
	color: #ff9700;
}

.ddsmoothmenu ul li a.ppal{
	padding-bottom: 20px;	
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul{
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	
	list-style-type: none;		
	margin: 3px 0 0 0px;
	padding: 10px 0 0 0px;			
	background-color: #f5f6f8;
	border-left: 1px solid #cacaca;
	border-bottom: 1px solid #d5d5d5;
	border-right: 1px solid #8e8e8e;	
	opacity: 0.9;		
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
	display: list-item;
	float: none;		
	margin: 0px;
	position: relative;	
	margin-bottom: 6px;	
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
	top: 0;	
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
	font: 12px Tahoma;
	color: #111;			
	text-decoration: none;	
	padding: 3px;	
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

.downarrowclass{
	position: absolute;
	top: 12px;
	right: 7px;	
}

.rightarrowclass{
	position: absolute;
	top: 6px;
	right: 5px;	
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;	
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}

/*********** FIN MIS CSS ABRAHAM *************/
/*****************************************/

.hovertip {
	position: absolute;
    display: none; /* in case javascript is disabled */
 	width: 270px;
 	height:350px;
    background: url('images/sub-bg.png') no-repeat;
 	font-size: 12px;
 	z-index: 100;
 	margin-left: 5px;
 	margin-top: 10px;
}

.hovertip_target {
     font-style: italic;
}

.hovertip_target:hover {
 	text-decoration: none;
 	cursor:help;
}

.nav, .nav * {
	margin:0;
 	padding:0;
}

#cloud{ 	 	
 	width:960px;
 	margin: 0 auto; 	 	
 	position: relative;
 	top: 0px;
 	background: #f3f3f3; 
 	padding-bottom: 10px;	 	 	
}

#cloud table{
	width: 100%;
	margin-left: 40px;	
}

#cloud table td{	
	text-align: left;
	vertical-align: top;
	width: 420px;
}

#cloud table td p.tit{
	font-family: Arial;
	font-size: 11px;
	color: #777;
	font-weight: bold;	
	margin: 0px;
}

#cloud table td a{
	font-family: Arial;
	font-size: 11px;
	color: #777;
	text-decoration: none;		
	line-height: 18px;	
}

#cloud table td a:hover{
	padding-bottom: 1px;
	border-bottom: 1px dotted #777;
	text-decoration: none;
}

.nav {
 	float: left;
 	margin-left:5px;
 	margin-bottom:5px; 	
 	line-height:1.0;
 	width:940px; 	
 	padding-top:10px; 	
 	border:2px solid orange;
}

.nav ul {
	width:160px; 
 	list-style:none; 
 	background:#fff; /*IE6 needs this*/
}

.nav li {
 	float: left;
 	list-style:none; 
 	position:relative;
}

.nav a {
 	color: #fff; 
 	text-decoration:none;
 	display:block;
}

.nav li ul {
 	left:0;
 	top:-999em;
 	width: 180px;
 	padding-top:50px;
 	height:190px;
 	position:absolute;
 	list-style:none;
 	z-index:100;
 	text-align: center;
}

ul.hovertip li {
	display:inline;
 	list-style:none;
}

ul.hovertip li a{ text-decoration:none; font-style:italic}
ul.hovertip {width:200px; padding-top:30px; padding-left:10px; height:95px; padding-bottom:20px; display:block}


a.negro1 {
 font-size:25px;
 padding: 0px;
 color:#000000/*804D40*/;
 text-decoration:none;
}
a.negro1:hover {
 color:#000000;
 text-decoration:none;
}

a.negro-index {

 padding: 0px;
 color:#000000/*804D40*/;
 text-decoration:none;
}
a.negro-index:hover {
 color:#000000;
 text-decoration:underline;
}


a.size1 {
 font-size:25px;
 padding: 4px;
 color:#ff9f13/*804D40*/;
}
a.size1:hover {
 color:#E13728;
 text-decoration:underline;
}
a.size2 {
 padding: 5px;
 font-size:20px;
 color:#ff9f13;
}
a.size2:hover {
 color:#E13728;
 text-decoration:underline;
}
a.size3 {
 padding: 5px;
 font-size:15px;
 color:#ff9f13/*C4876A*/;
}
a.size3:hover {
 color:#ff9f13;
 text-decoration:underline;
}
a.size4 {
 padding: 5px;
 font-size:12px;
 color:#B46A47;
 
}
a.size4:hover {
 color:#E13728;
 text-decoration:underline;
}

a.size5 {
 padding: 5px;
 font-size:14px;
 color:#B46A47;
}
a.size5:hover {
 color:#B46A47;
 text-decoration:underline;
}
a.size6 {
 padding: 2px;
 font-size:12px;
 color:#ff9f13/*77625E*/;
}
a.size6:hover {
 color:#E13728;
 text-decoration:underline;
}
a.size-sub1 {
 padding: 20px;
 font-size:12px;
 color:#804D40;
}
a.size-sub1:hover {
 color:#fff;
}
a.size-sub2 {
 padding: 25px;
 font-size:20px;
 color:#E13728;
}
a.size-sub2:hover {
 color:#fff;
}
a.size-sub3 {
 padding: 10px;
 font-size:18px;
 color:#804D40;
}
a.size-sub3:hover {
 color:#fff;
}
a.size-sub4 {
 padding: 15px;
 font-size:25px;
 color:#fff;
}
a.size-sub4:hover {
 color:#E13728;
}
@charset "utf-8";
/* CSS Document */

body {
background:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:10px 0 0 0;
}

form {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
}

li {
margin-left:13px;
*margin-left:0;
}

a.idiomas{
 text-decoration:none;
 color:#FFAA15;
}

a:hover.idiomas{
 text-decoration:underline;
 color:#FFAA15;
}

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

div#cols {
	/*border:1px solid black;*/
	/*padding-top:20px;*/
	background-color:#F3F3F3;
	min-height:680px; /* 630px; */
	margin-bottom: 30px;	
	clear: right;
	_height:400px;
}

div#cols_portafolio {
	/*border:1px solid black;*/
	padding-top:20px;
	background-color:#F3F3F3;
	min-height:730px;
	_height:400px;	
}

div#cols_portfolio {	
	padding-top:20px;
	background:url(images/cols_bg.png) repeat-x;
	min-height:400px;
	_height:400px;	
}

div#cols2 {
	padding-top:20px;
 	background:url(images/cols_bg.png) repeat-x; 
	min-height:400px;
	_height:400px;
}

div#col_portfolio {
	/*border: 1px grey outset;*/
	background:url(images/panel_portafolio.jpg) no-repeat;
	position:relative;
	top:-20px;
	/*margin-top: -200px;*/
	width:915px;
	height:724px;
	float:left;
	padding-bottom:20px;
	padding-left:13px;
	padding-top:10px;
	margin-left:20px;
	_margin-left:20px;
	_width:480px;
}
div#col_a {
width:500px;
height:380px;
float:left;
margin-top:30px;
margin-left:40px;
_margin-left:20px;
_width:480px;
}
div#col_a_1 {
	width:550px;
	height:380px;
	float:left;
	padding-top:30px;
	margin-left:40px;
	_margin-left:20px;
	_width:480px;
}

.col_a_contenido {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 /* font-size:11px; */ 
 text-decoration:none;
 color:#666;
 #margin-top:-5px;
_margin-top:-5px;
/* min-height:300px; */

}
.col_a_contenido_publi {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 /* font-size:11px; */ 
 text-decoration:none;
 color:#666;
min-height:300px;
width:240px;
_width:210px;
#width:210px;
float:left;
margin-top:0px;
}
div#col_a_content {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
clear:both;
color:#555;
min-height:300px;
}

div#col_a_content ul{
 list-style:none;
}

div#col_a_content a{
 color:#000000; /*FDB03A E13728*/
 text-decoration:underline;
}

div#col_a_content a:hover{
 text-decoration:none;
}

div#col_b {
position:relative;
left:20px;
background:#FFFFFF;
width:360px;
float:right;
_float:none;
margin-right:40px;

}

div#volver a{
 float:right;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 text-decoration:none;
 color:#FDB03A;
}

div#volver a:hover{
 text-decoration:underline;
 font-weight:bold;
}


div.col_title {
color:#fdb03a;
font-size:48px;
margin-bottom:20px;
}

div.col_title span {
color:#000;
font-size:16px;
}

div.br {
height:10px;
line-height:10px;
clear:both;
}

div.clear {
clear:both;
}

h4#head_info {
	color:#555;
	font-size:11px;
	margin-bottom:2px;
	text-align:right;
	padding-right:6px;	font-weight: normal;
}

div#foot {
	clear:both;
	margin:0 auto;
	width:960px;	
	line-height:20px;
	background:#F3F3F3;
	border-top:1px solid #e7e7e7;
	padding:10px 0 10px 0;
	text-align:center;
	color:#1b1919;
	font-size:11px;
	clear:both;
}

div#foot a {
color:#1b1919;
/* color:#bbb; */
text-decoration:none;
}

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

/* -------------------------------------- menu */
/* Contenedor de los enlaces del menu ppal. */
div#menu {
/*width:500px;*/
height:48px;
float:right;
padding:16px 20px 0 0px;
/*border:1px solid #000000;*/
}

div#menu a img {
border:0;
}

/* -------------------------------------- panel */
div#panel {
background:#F3F3F3;
border-top:1px solid #e7e7e7;
padding:7px 5px;
width:950px;
height:60px;
}

/* 
 Contenedor que angloba la parte de arriba que contiene la imagen del logo de fix
 y los diferentes menus 
*/
div#panel_logo {
margin:0 2px 6px 2px;
height:72px;
z-index: 10000;
/*border:2px solid black;*/
}

/*
 Establece el estilo a cada imagen dentro de la parte de arriba del menu de la pg.
*/
div#panel_logo a img {
border:/*1px solid black*/0;
float:left;
}

div#panel_izq{
background:url(images/panel_bg_left.gif);
/*border: 2px solid black;*/
}

/** Controla el panel grande central de los diferentes servicios - Abraham - **/
div#panel_bg {
	background:url(images/panel_bg.png) no-repeat;
	height:273px;
	padding:0;	
	/*padding:25px 0 0 30px;*/
	_width:920px;
	_height:247px;
	position:relative;
	display:inherit;
	margin-left: 5px;
	/*border:1px solid blue;*/
}

/** Controla el panel grande central de los diferentes servicios - Abraham - **/
div#panel_bg_2 {
	/* background:url(images/panel_bg.png) no-repeat; */
	height:273px;
	padding:0 0 0 0;
	/*padding:25px 0 0 30px;*/
	_width:920px;
	_height:247px;
	position:relative;
	display:inherit;
	/*border:1px solid blue;*/
}

/* -------------------------------------- panel content */
/** Controla el contenedor interior del panel_bg que contiene los diferentes servicios y las imagenes - Abraham -**/
div#panel_content_box { /* Ahora mismo no vale para nada */
	margin-left:0px;
	width:100%;
	height:100%;		
	/*border:1px solid black;*/
}

div#panel_content {
	/*background:url(frontend/layout/panel.gif) no-repeat;*/
	position:relative;
	width:100%;
	height:100%;
	color:#000;
	_width:945px;
	_height:200px;
	z-index:4;
	/*border:1px solid green;*/
}

div#panel_content2 {
	/*background:url(frontend/layout/panel.gif) no-repeat;*/
	position:relative;
	width:100%;
	height:100%;
	color:#000;
	_width:945px;
	_height:300px;
	z-index:4;
	/*border:1px solid green;*/
}

div#panel_0{
	float:left;
	width:310px;
	_width:280px;
	height:100%;
	position:relative;
	_height:270px;
	background:no-repeat;
	background-position:right;
	background-image: url(images/servicios/FIX-reparar2.jpg);
	/*border:1px solid red;*/
}

div#panel_0_tienda{
	float:left;
	width:910px;
	height:100%;
	position:relative;
	_height:270px;
	/*background:no-repeat;
	background-position:left;
	background-image:url(images/servicios/tienda.jpg);*/
	/*border:1px solid red;*/
}

div#panel_0_portafolio{
float:left;
width:910px;
height:100%;
position:relative;
_height:270px;
background:no-repeat;
background-position:left;
background-image:url(images/servicios/portafolio.jpg);
/*border:1px solid red;*/
}
div#panel_0_programacion{
float:left;
width:910px;
height:100%;
position:relative;
_height:270px;

/*border:1px solid red;*/
}
div#panel_0_1{
float:left;
width:910px;
height:100%;
position:relative;
_height:270px;
background:no-repeat;
background-position:right;
background-image:url(images/servicios/FIX-reparar2.jpg);
/*border:1px solid red;*/
}
div#panel_0_publi{
float:left;
width:100%;
height:100%;
position:relative;
_height:270px;
background:no-repeat;
background-position:right;
margin-top:5px; 
/*background-image:url(images/servicios/FIX-reparar2.jpg);
border:1px solid red;*/
}
div#panel_0_dominio{
float:left;
width:910px;
height:100%;
position:relative;
_height:270px;
background:no-repeat;
background-position:right;
background-image:url(images/servicios/dominios-hosting-cadiz.jpg);
/*border:1px solid red;*/
}
div#panel_0_web{
float:left;
width:910px;
height:100%;
position:relative;
_height:270px;
background:no-repeat;
background-position:right;
background-image:url(images/servicios/www.jpg);
/*border:1px solid red;*/
}
div#panel_0_posicionamiento{
float:left;
width:910px;
height:100%;
position:relative;
_height:270px;
background:no-repeat;
background-position:right;
background-image:url(images/servicios/adwords.jpg);
/*border:1px solid red;*/
}
div#panel_0_formacion{
float:left;
width:910px;
height:100%;
position:relative;
_height:270px;
/*border:1px solid red;*/
}
div#panel_0_atenas{
float:left;
width:910px;
height:100%;
position:relative;
_height:270px;
background:no-repeat;
background-position:right;
background-image:url(images/servicios/atenas.jpg);
/*border:1px solid red;*/
}
div#panel_0_crm{
float:left;
width:910px;
height:100%;
position:relative;
_height:270px;
background:no-repeat;
background-position:right;
background-image:url(images/servicios/crm.jpg);
/*border:1px solid red;*/
}
div#panel_0_2{
float:left;
width:310px;
height:100%;
position:relative;
_height:270px;
background:no-repeat;
background-position:right;
/*background-image: url(images/servicios/FIX-reparar2.jpg);
border:1px solid red;*/
}

div#panel_1{
	float:left;
	width:310px;
	_width: 280px;
	height:100%;
	_height:270px;
	background: no-repeat;
	background-position:right;
	background-image:url(images/servicios/web-portada.jpg);
	/*border:1px solid yellow;*/
	
}

div#panel_1_2{
float:left;
width:305px;
height:100%;
_height:270px;
background: no-repeat;
background-position:right;
/*background-image:url(images/servicios/web-portada.jpg);
border:1px solid yellow;*/
}

div#panel_2{
	float:left;
	width:315px;
	_width:280px;
	height:100%;
	_height:270px;
	background: no-repeat;
	background-position:right;
	background-image:url(images/servicios/FIX-programar2.jpg);
	/*border:1px solid blue;*/
}

div#panel_2_2{
float:right;
width:315px;
margin-right:20px;
_margin-right:8px;
height:100%;
_height:270px;
background: no-repeat;
background-position:right;
background-image:url(images/servicios/llama.jpg);
background-color:#fff;
/*border:1px solid blue;*/
}
div#panel_2_2_tecn{
float:right;
margin-right:20px;
_margin-right:8px;
margin-top:30px;
_margin-top:25px;
width:315px;
height:272px;
_height:270px;
background: no-repeat;
background-position:right;
background-image:url(images/servicios/llama.jpg);
background-color:#fff;
/*border:1px solid blue;*/
}


div#imagen_0{
width:150px; 
height:180px; 
float:right;
position:relative;
top:-200px;
background:1px 5px no-repeat;
border:1px solid blue;
z-index:0;
}

div#imagen_1{}

div#imagen_2{}

div.panel_title{
	padding:20px 30px 0 15px;
	width:300px;
	height:70px;
	_padding:20px 20px 0 10px;
	_width: 280px;	
	/*border:1px solid green;*/
}

div.panel_title h2{	
	font-family:Arial, Helvetica, sans-serif;	
	font-size:25px;	
	font-weight:bold;	
	margin:0px;
	_width: 280px;	
}

div.panel_title_forma{
	padding:20px 30px 0 15px;
	width:365px;
	height:70px;	
	/*border:1px solid green;*/
}div.panel_title_forma h2{	font-family:Arial, Helvetica, sans-serif;	font-size:25px;	font-weight:bold;	margin:0px;}
div.panel_title_pd{
padding:20px 0px 0 15px;
width:295px;
height:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
/*border:1px solid green;*/
}
div.panel_title_comercio{
padding:20px 30px 0 15px;
width:265px;
height:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:bold;
/*border:1px solid green;*/
}
div.panel_title_tienda{
	padding:20px 0px 0 15px;
	margin-left:500px;
	width:315px;
	height:70px;	
	/*border:1px solid green;*/
}

div.panel_title_tienda h2{	font-family:Arial, Helvetica, sans-serif;	font-size:25px;	font-weight:bold;	margin: 0px;}


div.panel_title_naranja{
	padding:0px 30px 0 15px;
	width:265px;
	height:70px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#FF9900;
	/*border:1px solid green;*/
}

div.panel_title_naranja h2{	font-family:Arial, Helvetica, sans-serif;	font-size:25px;	font-weight:bold;	color:#FF9900;	margin:0px;}

div.panel_title_naranja_1{
	padding:0px 5px 0 0px;
	width:380px;
	height:70px;	
	/*border:1px solid green;*/
}div.panel_title_naranja_1 h2{	
	font-family:Arial, Helvetica, sans-serif;	
	font-size:25px;	
	font-weight:bold;	
	color:#FF9900;	
	margin:0px;	
	padding: 0px;
}

div.panel_title_naranja_2{
	padding:0px 5px 0 0px;
	width:560px;
	height:70px;
	/*border:1px solid green;*/}
	
div.panel_title_naranja_2 h2{	font-family:Arial, Helvetica, sans-serif;	font-size:25px;	font-weight:bold;	color:#FF9900;	margin: 0px;}

div.panel_text{
	position: relative; 
	top: -5px;
	padding:5px 30px 0 15px;
	width:78%;
	height:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	_width:240px;	
}

div.panel_text ul li{
	margin-bottom: 5px;	
}

div.panel_textpr{
padding:0px 30px 0 15px;
width:78%;
height:120px;
font-family:Arial, Helvetica, sans-serif;
/* font-size:11px; */
font-size:12px;
color:#666666;
_width:240px;
/*border:1px solid black;*/
}
div.panel_textpd{
padding:15px 0px 0 12px;
width:420px;
_width:520px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
/* font-size:11px; */
font-size:12px;
border-width:medium;
color:#666666;
/*border:1px solid black;*/
}
div.panel_text2{
padding:2px 3px 0 15px;
width:95%;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
_width:240px;
color:#666666;
/*border:1px solid black;*/
}

div.panel_link {
padding:12px 0 0 36px;
_padding:5px 0 0 36px;
width:273px;
height:40px;
background:url(images/read_more.gif) no-repeat 15px 10px;
_background:url(images/read_more.gif) no-repeat 15px 1px;
/*border:1px solid orange;*/

}

div.panel_link a {
/* color:#fdb03a; */
color:#000000;
/*font-weight:bold;*/
text-decoration:none;
}

div.panel_link a:hover {
text-decoration:underline;
}

div#panel_view_all {
clear:both;
text-align:right;
padding:10px 45px 0 0;
}

div#panel_view_all a {
color:#fff;
font-weight:bold;
text-decoration:none;
}

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

/* -------------------------------------- contact */

div#contactar{
 background-color:#FFFFFF;
 position:absolute;
 left:0px;
 padding-top:10px;
 width:360px;
 /*border:1px solid black;*/
}

div#llamada{
 float:left;
 height:270px;
 width:350px; 
 background:url(images/contact/contactar.png) no-repeat left;
 /*border:1px solid blue;*/
}

div#parafo1{
 /*float:right;*/
 padding-right:30px;
 margin-top:30px;
 /*border:1px solid blue;*/
}

div#parafo2{
/* float:right;*/
 padding-right:10px;
 margin-top:30px;
 /*border:1px solid blue;*/
}

div#titulo{
 
}

div#contact_box {

background:#FFFFFF;
padding-left:25px;
/*border:1px solid red;*/
}

div.contact_info {
padding-left:180px;
}

div.contact_bold_label {
font-weight:bold;
clear:both;
margin-bottom:5px;
}

div.contact_label {
color:#999;
display:block;
float:left;
width:60px;
padding-top:3px;
margin-bottom:10px;
/*border:1px solid red;*/
}

div.contact_input {
float:left;
display:block;
padding-top:3px;
margin-bottom:10px;
/*border:1px solid red;*/
}

div.contact_input input {
border:1px solid #5d8daa;
background:#fff;
width:90px;
height:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

input#contact_submit {
border:1px solid #ccc;
color:#000;
background:#efefef;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:20px;
}

/* -------------------------------------- pager */

div#pager {
	position:relative;
	top:-10px;
height:40px;
clear:both;
_margin-top:30px;
}

div.pagination  a{
	text-decoration: none;
	color: #FDB03A;	
}

div.pagination a img{
	border:0px;
	position: relative;
	top: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

a.pager_item {
cursor:pointer;
height:16px;
margin-right:10px;
float:left;
display:block;
font-size:14px;
color:#fdb03a;
}

a.pager_item_actual {
cursor:pointer;
height:16px;
margin-right:10px;
float:left;
display:block;
font-size:14px;
color:#fdb03a;
font-weight:bold;
text-decoration:underline;
}

/* -------------------------------------- portfolio */

div.portfolio {
width:191px;
height:179px;
/*background:url(frontend/layout/porfolio_bg.gif) no-repeat;*/
float:left;
display:block;
text-align:center;
font-size:11px;
line-height:20px;
margin-right:15px;
margin-left:15px;
_margin-right:10px;
margin-bottom:30px;
/*border:1px solid black;*/
}

div.portfolio img {
/*margin:27px 0 10px 9px; */
padding:1px;
border:1px solid #ccc;
width:192px;
height:154px;
float:left;
}

div.portfolio a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:underline;
}
div.portfolio span {
position:relative;
top:15px;
/*border: 1px solid red;*/
}

ul {
margin-top:0;
line-height:16px; 
margin-left:10px;
#margin-left:15px;
_margin-left:15px;
}
li {
margin-left:-30px;
_margin-left:0px;
#margin-left:0px;
}

#formu{
	width: 585px;	
}

.normal{	
	font-family: Arial, Helvetica;
	border:1px solid #7f9db9;
	font-size: 11px;
	color: #666666;
	width: 190px;		
	padding:1px;
}

#formu td textarea{
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #666666;
	width: 455px;
	height: 80px;	
}

#formu td label{
	font-size: 12px;			
}


#enviar{
	border:1px solid #ccc;
	color:#000;
	background:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12.5px;
	padding-left:30px;
	padding-right: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	cursor: pointer;	
}

span.obli{
	font-weight: bold;	
	font-family: Verdana;
	color: #FF9900;
}

.error{
	border:1px solid #FF9900;	
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #666666;		
	padding:1px;
	width: 190px;			 
}

.ok{	
	border:1px solid #7f9db9;
	font-family: Arial, Helvetica;
	font-size: 11px;	
	color: #666666;	
	padding:1px;	
	width: 190px;	
}

#incorrecto{
	width: 80%;		
	margin-left: 80px;
	padding: 10px;
	color: #ff0000;
	font-size:12px;
	border:1px solid #ff0000;
	background: #ffe3e3;
}

#correcto{
	width: 100%;	
	margin-left: 60px;
	padding:10px;
	color: #00a64a;
	font-size:12px;
	border:1px solid #00a64a;
	background: #d9ffea;
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Reglas de Safari 3.0 y Opera 9  */
	td.panel_content {
		height:75px;
	}
}
</style>