/************************************/
/*									*/
/*    CSS Transportes Ortega        */
/*									*/
/************************************/


/************************************/
/*				General				*/
/************************************/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#EAE3C9;
	background-image:url(img/bg_body.jpg);
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;
	color:#333333;
}

h1 {
	margin:0;
	padding:0;
}
h2 {
	margin:0;
	padding:0;
	font-size:24px;
	color:#333333;
}

p {
	margin:0 0 10px 0;
}

/************************************/
/*				Layout				*/
/************************************/

#marco {
	width:100%;
	height:100%;
	background-color:#EAE3C9;
	margin:0;
}

#cabecera {
	width:908px;
	height:200px;
	background-image:url(img/bg_cabecera.jpg);
	background-repeat:no-repeat;
	margin:5px auto 0 auto;
}

#cuerpo {
	width:908px;
	height:525px;
	background-image:url(img/bg_cuerpo.jpg);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}

#pie {
	width:908px;
	margin:5px auto 0 auto;
	text-align:center;
}

/************************************/
/*			Componentes				*/
/************************************/

/************/
/*  Inicio  */
/************/

#intro_sep {
	width:600px;
	margin:0 auto 0 auto;
	text-align:center;
}
.sep_normal {
	height:50px;
}
.sep_grande {
	height:100px;
}
#intro {
	width:600px;
	height:400px;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
}
#intro_skip {
	width:600px;
	margin:20px auto auto;
	text-align:right;
}

/**************/
/*  Cabecera  */
/**************/

#cabecera ul {
	margin: 0;
	padding: 168px 0 0 30px;
	list-style-type:none;
}
#cabecera ul li {
	float: left;
	margin:0 30px 0 0;
	padding:0;
	cursor:pointer;
}
#cabecera img {
	border:0;
}
#cabecera a:link, #contenido a:visited, #contenido a:active {
	text-decoration:none;
}
#cabecera a:hover {
	text-decoration:none;
}

#intro_skip a:link, #intro_skip a:visited, #intro_skip a:active {
	color:#333333;
	text-decoration:none;
	font-size:14px;
}
#intro_skip a:hover {
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}

/**************/
/*   Cuerpo   */
/**************/

#cuerpo_titulo {
	margin:0 0 0 70px;
	padding:45px 0 0 0;
	width:415px;
	text-align:center;
}
#cuerpo_contenido {
	width:835px;
	height:420px;
	margin:0 0 0 50px;
	padding:50px 0 0 0;
}
#cuerpo_contenido ul {
	margin: 10px 0 20px 0;
	padding: 0;
	list-style-type:circle;
}
#cuerpo_contenido ul li {
	margin:0 0 3px 30px;
	padding:0;
	font-size:14px;
}

.foto_izq {
	width:331px;
	height:249px;
	margin:0 20px 10px 0;
	background-image:url(img/bg_foto.jpg);
	background-repeat:no-repeat;
	float:left;
}
.foto_der {
	width:331px;
	height:249px;
	margin:0 0 10px 15px;
	background-image:url(img/bg_foto.jpg);
	background-repeat:no-repeat;
	float:right;
}
#pin {
	width:35px;
	height:42px;
	background-image:url(img/pin.png)!important;
	background-image:none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://transortega.es.mialias.net/ortega/img/pin.png');
	background-repeat:no-repeat;
}
#foto_marco {
	width:320px;
	height:240px;
	background-color:#000000;
	margin:2px 0 0 8px;
}
#foto_mas {
	width:320px;
	margin:10px 0 0 8px;
}
#foto_mas img{
	width:45px;
	border:1px solid #333333;
	margin:0 3px 0 0;
}
#foto_mas a:link, #foto_mas a:visited, #foto_mas a:active , #foto_mas a:hover {
	text-decoration:none;
}

#cuerpo_texto {
	height:335px;
}
#cuerpo_texto a:link, #cuerpo_texto a:visited, #cuerpo_texto a:active {
	color:#4B3D8D;
	text-decoration:none;
	border-bottom:1px dashed #4B3D8D;
}
#cuerpo_texto a:hover {
	text-decoration:none;
	color:#333333;
	border-bottom:1px dashed #333333;
}

#trabajos_lista a:link, #trabajos_lista a:visited, #trabajos_lista a:active {
	color:#333333;
	text-decoration:none;
	border-bottom:1px solid #333333;
}
#trabajos_lista a:hover {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	border-bottom:1px dashed #333333;
}

#trabajos_paginador a:link, #trabajos_paginador a:visited, #trabajos_paginador a:active {
	color:#333333;
	text-decoration:none;
	border-bottom:none;
}
#trabajos_paginador a:hover {
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	border-bottom:none;
}

#cuerpo_pie {
	width:800px;
	margin:0 auto 0 auto;
	clear:both;
	text-align:center;
}


#cuerpo_form {
	width:280px;
	height:300px;
	float:left;
	margin:0 60px 0 0;
}

#trabajos_lista {
	margin:20px 0 0 0;
	height:230px;
}
#trabajos_paginador {
	text-align:center;
}

#texto {
	height:200px;
}


.video_oculto {
	display:none;
}
.video_muestra {
	display:block;
}

/****************/
/*   Contacta   */
/****************/

#cuerpo_form input, #cuerpo_form textarea {
	width:100%;
	height:15px;
	border:1px solid #333333;
	background-color:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 10px 0;
	padding:0;
	overflow:auto;
}
#cuerpo_form input:focus, #cuerpo_form textarea:focus {
	background-color:#EAE3C9;
	border:1px solid #333333;
}
#cuerpo_form label {
	color:#333333;
}
#cuerpo_form input.btn {
	background-color: #F9FCFE;
	border-top: 0px;
	border-left: 0px;
	border-right: 1px solid #686868;
	border-bottom: 1px solid #686868;
	width:60px;
	height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:5px 0 10px 221px;
	padding:0;
	color:#555555;
}
#contacta_error {
	color:#444444;
	margin:0;
	font-size:10px;
	text-align:center;
}


/************************************/
/*			  Extras				*/
/************************************/

.masgrande {
	font-size:28px;
	margin:0 0 30px 0;
}
.grande {
	font-size:14px;
}
.negrita {
	color:#4B3D8D;
	font-weight:bold;
}
.peque {
	font-size:10px;
}