/*
Theme Name: MillanCalvo
Theme URI: http://www.abogados-millan.com/
Description: Tema desarrollado a medida para Millan Calvo.
Author: DoYourNet
Author URI: http://www.doyournet.com/
Version: 1.0
Text Domain: millancalvo
*
* Colores corporativos
*	- Azul: #0983c6
*/


 /**
  * Tipografías especiales
  */
@font-face {
    font-family: 'Arabic Typesetting';
    src: url('fonts/ArabicTypesetting.eot');
    src: url('fonts/ArabicTypesetting.eot?#iefix') format('embedded-opentype'),
         url('fonts/ArabicTypesetting.woff') format('woff'),
         url('fonts/ArabicTypesetting.ttf') format('truetype'),
         url('fonts/ArabicTypesetting.svg#ArabicTypesetting') format('svg');
    font-weight: normal;
    font-style: normal;
}


/**
 * Columnas
 */
.columna_2_1 {float: left; width: 49%;}
.columna_2_2 {float: right !important; width: 49%;}

.columna_3_1, .columna_3_2 {float: left; width: 32%; padding-right: 2%;}
.columna_3_3 {float: right !important; width: 32%;}
.columna_3_12 {float: left !important; width: 66%;}
.columna_3_23 {float: right !important; width: 66%;}

.columna_4_1, .columna_4_2, .columna_4_3 {float: left; width: 23.5%; padding-right: 2%;}
.columna_4_4 {float: right !important; width: 23.5%;}
.columna_4_234 {float: right !important; width: 74.5%;}


/**
 * Elementos genéricos
 */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	color: #666;
	line-height: 1.2em;
	background: url(images/bg.jpg) left top repeat;
}

h1
{
	color: #0983c6;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
	padding-bottom: .35em;
}

h2
{
	color: #0983c6;
	font-size: 1.1em;
	line-height: 1.2em;
	padding-top: .8em;
	padding-bottom: .35em;
	font-weight: bold;
}

h3
{
	color: #0983c6;
	font-size: 1em;
	line-height: 1.2em;
	padding-top: .7em;
	padding-bottom: 0;
	font-weight: bold;
}

h4, h5, h6
{
	font-size: 1em;
	line-height: 1.2em;
	padding-top: .5em;
	padding-bottom: 0;
}

p
{
	padding: .45em 0;
}

a,
a:visited
{
	text-decoration: none;
	color: #0983c6;
	outline: none;
}

a:hover
{
	text-decoration: underline;
}

a.active,
ul.menu li a.active
{
	text-decoration: underline;
}

.gigante {font-size: 2em; line-height: 1.2em;}
.enorme {font-size: 1.5em; line-height: 1.2em;}
.superior {font-size: 1.3em; line-height: 1.2em;}
.mayor {font-size: 1.2em; line-height: 1.2em;}
.pequeno {font-size: .9em; line-height: 1.2em;}
.menor {font-size: .8em; line-height: 1.2em;}

.rteleft {text-align: left;}
.rteright {text-align: right;}
.rtecenter {text-align: center;}

p.con_imagenes img,
ul.con_imagenes img
{
	vertical-align: middle;
}

.imagen_ancho img
{
	width: 100%;
}

ol li
{
	list-style-type: decimal;
	list-style-position: inside;
}

ul li
{
	list-style-type: disc;
	list-style-position: inside;
}

ul.menu li
{
    display: block;
    float: left;
    list-style: none outside none;
}

.wrapper
{
	/*width: 90%;*/
	max-width: 960px;
	margin: 0 auto;
}


/*
 * Estilos propios de WordPress
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
	/*padding-top: 1em;*/
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 2em;
	margin-top: .25em;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 2em;
	margin-top: .25em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: .7em;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 1.4em;
	margin-bottom: 1.2em;
	max-width: 50.55em !important; /* prevent too-wide images from breaking layout */
	padding: .3em;
	text-align: center;
}
.wp-caption img {
	margin: .3em .4em 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 1em;
	margin: .3em .4em;
}
.wp-smiley {
	margin: 0;
}


/**
 * Cabecera
 */
#cabecera
{
	padding: 0 .25%;
	background: #fff;
}

#cabecera .inner
{
	overflow: hidden;
	background: #ebebeb url(images/cabecera-bg.jpg) left top repeat-x;
}

#cabecera #telefono
{
	float: right;
	font-family: 'Arabic Typesetting';
	color: #0983c6;
	font-size: 2.5em;
	line-height: 1em;
	padding: 0 2.3%;
}

#cabecera #logo
{
	float: left;
	padding: 15px 0 0 1.15%;
}

#cabecera #logo h1,
#cabecera #logo p
{
	margin: 0;
	padding: 0;
}

#cabecera #menu-principal
{
	font-family: 'Arabic Typesetting';
	float: right;
	width: 60%;
	padding: 20px 2.3% 20px 0;
	font-size: 1.75em;
	line-height: 1em;
}

#cabecera #menu-principal ul
{
	float: right;
}

#cabecera #menu-principal li
{
	margin-left: 25px;
}
#cabecera #menu-principal li.first-item {margin: 0;}

#cabecera #menu-principal a
{
	color: #666;
}


/**
 * Contenido
 */
#contenido
{
	background: #fff;
	padding: 5px .25% 0;
}

#contenido .img_cabecera
{
	display: block;
    margin: 0 auto 5px;
    max-width: 100%;
}

#contenido .inner
{
	background: #f5f5f5;
	padding: 45px 3%;
	overflow: hidden;
}

#contenido h1,
#contenido h2
{
	font-family: 'Arabic Typesetting';
	font-size: 1.7em;
	background: url(images/mas-info-bg.png) left 5px no-repeat;
	padding-left: 15px;
	padding-top: 0;
}

#contenido h2
{
	padding-top: 10px;
	background-position: left 15px;
}

#contenido h1.title,
#contenido h2.title
{
	background: #0983c6;
	padding: 0;
	margin-bottom: 10px;
	font-size: 1em;
	font-family: Arial;
}

#contenido h1.title span,
#contenido h2.title span
{
	background: #f5f5f5;
	padding-right: 10px;
	font-family: 'Arabic Typesetting';
	font-size: 1.9em;
	line-height: .5em;
	text-transform: uppercase;
}

#interior ul
{
	padding: .3em 0;
}

#interior ul li
{
	list-style: inside square;
	color: #0983c6;
	padding: .15em 0;
}

#interior ul li span
{
	color: #666;
}

.mas_info
{
	text-align: right;
	font-family: 'Arabic Typesetting';
	font-size: 1.6em;
	clear: both;
}

.mas_info a
{
	background: url(images/mas-info-bg.png) left 3px no-repeat;
	padding-left: 15px;
	text-decoration: underline;
}


/**
 * Formularios
 */
.cform {padding-top: .3em;padding-bottom: 1em;overflow: hidden;}
.cform ol li {list-style-type: none; padding-bottom: .6em;}
.cform label, #comments label {display: none;}
.cform label.cf-before {float: right; width: 96%;}
.cform label .label_reqtxt {font-size: .9em; font-style: italic;}
.cform .cf_li_err label {color: #a00000;}
.cform .single, #comments input[type="text"] {width: 98%; border: .1em solid #999; padding: .1em .2em; border-radius: .3em; color: #666; font-size: .9em; box-shadow: inset 0 2px 4px #ccc;}
.cform .cf-box-b {float: left; width: 4%; margin: 0;}
.cform .area, #comments textarea {width: 98%; border: .1em solid #999; padding: .2em; resize: none; border-radius: .3em; color: #666; font-family: 'Arial'; font-size: .9em; box-shadow: inset 0 2px 4px #ccc;}
.cform .cf_error {border-color: #a00000;}
.cform .reqtxt, .cform .emailreqtxt, #comments .required {display: none;}
.cform .cf_hidden {display: none;}
.cform .cf-sb, #comments .form-submit {clear: both; float: right; padding-top: .6em; overflow: hidden;}
.cform .cf-sb .sendbutton, #comments #submit {background: #286e93; color: #fff; padding: .3em .8em; border: none; cursor: pointer; box-shadow: inset 0 10px 10px #2885b4; border-radius: .3em; text-transform: uppercase; font-size: 1em; font-family: Arial;}
.cform .cf-sb .sendbutton:hover, #comments #submit:hover {box-shadow: 0 0 3px #000;}
.failure, .failure a {color: #a00000; font-size: .9em;}
.success {margin-bottom: 15px; background: #ccffff; padding: 5px 10px;}


/**
 * Página de inicio
 */
#home-pages article
{
	padding: 10px 0 25px;
	clear: both;
}


/**
 * Shortcodes
 */
.mc-mapa
{
	width: 100%;
	height: 165px;
	border: 1px solid #666;
}
.mc-mapa-alto
{
	height: 310px;
}

.mc-datos
{
	padding: 0 5%;
}

.mc-direccion,
.mc-telefono,
.mc-fax,
.mc-email,
.mc-persona,
.mc-horario
{
	background: url(images/icono-direccion.png) left 3px no-repeat;
	padding: 10px 0 10px 40px;
}
.mc-direccion {background-position: left 10px;}
.mc-telefono {background-image: url(images/icono-telefono.png);}
.mc-fax {background-image: url(images/icono-fax.png);}
.mc-email {background-image: url(images/icono-email.png);}
.mc-persona {background-image: url(images/icono-persona.png); background-position: left 10px;}
.mc-horario {background-image: url(images/icono-horario.png); background-position: left 10px;}


/**
 * Pie
 */
#pie
{
	padding: 0 .25%;
	background: #fff;
	font-size: .8em;
	line-height: 1.2em;
}

#pie .inner
{
	overflow: hidden;
	background: #ebebeb url(images/pie-bg.jpg) center top no-repeat;
	padding: 50px 3% 20px;
}

#pie #menu-pie li
{
	padding-top: 2px;
}

#pie #menu-pie li
{
	margin-right: 10px;
}

#pie #menu-pie a
{
	color: #666;
}

#pie #telefono-pie
{
	float: right;
	color: #0983c6;
	font-size: 1.3em;
	line-height: 1em;
	padding: 0;
}